如何在JQuery Layout中删除边框？

Question

您好我正在使用来自http://layout.jquery-dev.net/的 jquery布局插件.我的选择如下:

 <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>

这会删除滑块但是:如何删除窗格边框？

谢谢阿曼.

Answer 1

删除一个边框:

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

删除所有边框:

因为你应该确定每个都pageLayout.pane将o作为一个属性:

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

你应该怎么做 - 检查以确保在尝试访问它之前o是一个属性pageLayout.pane:

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