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的呼叫，则列表元素会重新出现，但看起来不太漂亮。