comment supprimer les bordures dans JQuery Layout?

Question

Bonjour J'utilise le plugin jquery layout de http://layout.jquery-dev.net/. mes options suivantes:

<script> 
$(document).ready(function(){ 
// create page layout 
pageLayout = $('body').layout(
    {applyDemoStyles: true, 
    spacing_open:0, 
    spacing_closed: 0, 
    slidable: false, 
    togglerLength_closed: 0 

    }); 
pageLayout.panes.north.css('backgroundColor','#A6f'); 

// we need to remove the borders as well.... 

}); 
</script> 

Cela supprime les curseurs, mais: Comment faire pour supprimer les frontières du volet ainsi?

merci Arman.

Answer 1

Retirer une frontière:

pageLayout.panes.north.css('border','none'); 

Retirez toutes les frontières:

Comme vous devriez être tout à fait sûr que chaque pageLayout.pane aura o comme une propriété:

for(property in pageLayout.panes){ 
    pageLayout.panes[property].css('border', 'none'); 
} 

Comment vous devriez vraiment le faire - vérifie pour vous assurer o est une propriété de pageLayout.pane avant de tenter d'y accéder:

for(property in pageLayout.panes){ 
    if(pageLayout.panes.hasOwnProperty(property)){ 
      pageLayout.panes[property].css('border', 'none'); 
    } 
} 

Answer 2

Je ne l'ai pas essayé ce plugin encore, mais depuis votre dernière ligne est à peu près comme d'habitude essayer ce css.

pageLayout.panes.north.css({'backgroundColor' : '#A6f', 'border' : 'none'}); 

Answer 3

Utilisation d'une réécriture css. Après avoir inclus le fichier de disposition css dans la section head (généralement jquery.ui.layout.css), vous pouvez ajouter un style qui réécrit l'original.

<style> 
    .ui-layout-pane { 
      background: #FFF; 
      border: 0 none; //This rewrites the original style 
      padding: 10px; 
      overflow: auto; 
     } 
</style>