Question

我在jsfiddle上做了我的菜單，這裏是我的工作。

但我在我的頁面上得到了不同的結果。

is jsfiddle working？ 我需要修改一些代碼嗎？

<div id="menu_main"> 

    <ul>  
    <li class="mainop"><a href="#">Category</a> 
     <ul> 
     <li><a href='../index.php?category=Blogging'>Blogging</a></li> 
     <li><a href='../index.php?category=General'>General</a></li> 
     <li><a href='../index.php?category=Arts and Entertainment'>Arts and Entertainment</a></li> 

     <li><a href='../index.php?category=Womens Interests'>Womens Interests</a></li> 
     <li><a href='../index.php?category=Writing and Speaking'>Writing and Speaking</a></li> 
     </ul> 
    </li> 
    </ul> 

</div> 

我的腳本

<script language="JavaScript" type="text/javascript"> 
$(document).ready(function() { 
    $(".mainop").hover(function() { 
     var $this = $(this); 
     $this.find("ul").slideDown("fast"); 
     $this.children('a:first-child').addClass('active'); 
    }, function() { 
     var $this = $(this); 
     $this.find("ul").slideUp("fast"); 
     $this.children('a:first-child').removeClass('active'); 
    }); 
}); 
</script> 

Answer 1

根據的jsfiddle，你的代碼的HTML輸出如下：

<div id="menu_main"> 
    <ul> 
     <li class="mainop"><a href="#">Main option</a> 
      <ul style="display: block; "></ul> 
     </li> 
     <li class="mainop"><a href="#">Main option</a></li> 
     <li class="mainop"><a href="#">Main option</a></li> 
    </ul> 
</div> 

所有列表中的元素都不見了。

我可以看到您引用的是columnizer jQuery plugin，但您尚未將其包含在JSFiddle頁面中。這可能是你沒有得到相同結果的原因。如果您刪除對columnize的呼叫，則列表元素會重新出現，但看起來不太漂亮。