如何在JQuery Layout中删除边框？

你好，我使用的是从http://layout.jquery-dev.net/ jQuery布局插件。我的选项如下：如何在JQuery Layout中删除边框？

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

这消除滑块，但：如何删除面板边框呢？

谢谢阿尔曼。

来源

2010-08-19 Arman

删除一个边界：

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

来源

2010-08-19 00:48:06

谢谢!!!以及所有的移除？我应该写css（'border'，'none'）;为每个窗格？ – Arman 2010-08-19 00:50:39

我没有尝试过这个插件，不过也因为你的最后一行是很像一般的CSS试试这个。

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

来源

2010-08-19 00:50:01

使用css重写。将css布局文件包含在头部分（通常为jquery.ui.layout.css）后，您可以添加重写原始样式。

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

来源

2015-09-01 15:57:57

如何在JQuery Layout中删除边框？

回答

相关问题