jQuery選項卡與頁面上的jQuery菜單衝突的頁面

我在頁面中添加了一個jQuery菜單選項卡，並且CSS中存在衝突，如下所示：http://newbie-cms.com/demo1。jQuery選項卡與頁面上的jQuery菜單衝突的頁面

我分開了一個頁面，只有jQuery選項卡在這裏：http://newbie-cms.com/demo1/channeltabs並且工作正常。此外，http://newbie-cms.com/demo1/index.html頁面沒有標籤正常工作。

但是，一旦我將選項卡代碼與視頻頁面結合在一起，ul,li選項卡中的項目就會移位。

在我的CSS中，這可以修復嗎？

來源

2011-11-09 user1033514

檢查你的班級作業。

例如，根據您的功能菜單，UI元素應該有類ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all和li元素應該有類ui-state-default ui-corner-top

來源

2011-11-09 22:42:10 kurttheviking

你的頭如下：

<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<link href="jquery-ui.css" rel="stylesheet" type="text/css"/> 
<link rel="stylesheet" href="menu.css" type="text/css" media="screen" /> 

<title>Mega Drop Down Menu</title> 
<!--[if IE 6]> 
<style> 
body {behavior: url("csshover3.htc");} 
#menu li .drop {background:url("img/drop.gif") no-repeat right 8px; 
</style> 
<![endif]--> 

    <script type="text/javascript" 
     src="http://www.google.com/jsapi"></script> 



    <script> 
    $(function() { 
     $("#tabs").tabs({ 
      event: "mouseover" 
     }); 
    }); 
    </script> 

<link href="jquery-ui.css" rel="stylesheet" type="text/css"/> 
    <script src="jquery.min.js"></script> 
    <script src="1.8/jquery-ui.min.js"></script> 

    <script> 
    $(document).ready(function() { 
    $("#tabs").tabs(); 
    }); 
    </script> 

</head>

這裏你可以看到你是調用$（「＃標籤」）。標籤（）兩次，因爲這個代碼塊

<script> 
$(function() { 
    $("#tabs").tabs({ 
     event: "mouseover" 
    }); 
}); 
</script>

是BEFOR執行你有一個JavaScript錯誤E jQuery被加載。你必須先解決這個問題...

來源

2011-11-09 22:47:41 GerjanOnline

謝謝GerjanOnline。我看到我在Jquery加載之前調用了這個函數，所以我將jquery外部調用鏈接標記移到了這個調用腳本的上方：：。我也看到了兩個css文件：kurttheviking用類提到的menu.css和jquery-ui.css文件。 – user1033514

。我也看到了兩個css文件：kurttheviking用類提到的menu.css和jquery-ui.css文件。不知道如何編輯和添加所需的類。感謝您的耐心。 – user1033514

jQuery選項卡與頁面上的jQuery菜單衝突的頁面

回答

相關問題