SharePoint 2010和JQuery標籤

我在主頁上添加了JQuery Tab控件，但不知道爲什麼灰色區域會變得很大，無法找到原因。標籤正在工作，但有一個醜陋的差距。SharePoint 2010和JQuery標籤

enter image description here

這裏是我的代碼，

<asp:Content id="Content1" runat="server" contentplaceholderid="PlaceHolderMain"> 
<WebPartPages:SPProxyWebPartManager runat="server" id="spproxywebpartmanager"></WebPartPages:SPProxyWebPartManager> 
<div id="ChartTabs"> 
    <ul> 
     <li><a href="#tabs-Gantt">Gantt Chart</a></li> <li><a href="#tabs-Map">Map Chart</a></li> 

    </ul> 

    <div id="tabs-Gantt"> 

     <Web Part Zone 1> 

    </div> 

    <div id="tabs-Map"> 

     <Web Part Zone 2>  
    </div> 

</div> 




<asp:Content id="Content2" runat="server" contentplaceholderid="PlaceHolderAdditionalPageHead"> 
<style type="text/css"> 
ul li{ 
    display: inline; 
} 

</style> 
    <link rel="stylesheet" href="/sites/xxx/SiteAssets/jquery-ui.css" /> 
    <script type="text/javascript" src="/sites/xxx/SiteAssets/jquery.min.js"></script> 
    <script type="text/javascript" src="/sites/xxx/SiteAssets/jquery-ui.min.js"></script> 

    <script type="text/javascript"> 
    $(function() { 
     $("#ChartTabs").tabs(); 
    }); 
    </script> 

</asp:Content>

來源

2012-10-04 Rishi

你們能通過Firebug的隔離什麼DOM元素會導致大高度？ – Roman

Thanks @Roman ..在調試器中忘了調試樣式表。發現這行是創建問題， .ui-helper-clearfix：before，.ui-helper-clearfix：after {content：「」;顯示：表格; } 如果我在上面註釋，它解決了這個問題。但我錯過了選項卡上的灰色欄顏色:( – Rishi

設置列表上的高度來解決這個問題：

<ul style="height: 35px; list-style-type: none;"> ... </ul>

來源

2015-02-23 03:58:09 Sisyphus

SharePoint 2010和JQuery標籤

回答

相關問題