我在 jsfiddle 制作了我的菜单,这是我的作品。
但我在页面上得到了不同的结果。
jsfiddle 在工作吗? 我需要修改一些代码吗?
<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>
最佳答案
根据 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
的调用,列表元素会重新出现,但看起来并不漂亮。
关于css - jsfiddle工作错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11790518/