如何在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中刪除邊框？

回答

相關問題