javascript - 如何去除JQuery布局中的边框？

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>

这会删除 slider ，但是:如何同时删除 Pane 边框？

谢谢阿曼。

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');
     }
}