我正在尝试使用jQuery Link Fading效果为导航菜单设置动画。我从David Walsh Blog获得了脚本。
我在主导航菜单上方放置了3个测试链接。正如我期望的那样,它工作正常。但是当我将class =“ fade”添加到<ul id="topmenu" class="fade">
时,如下所示:
<script type="text/javascript" src="jquery.dwFadingLinks.js"></script>
<script type="text/javascript" src="jquery.effects.core.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('.fade').dwFadingLinks({
color: '#000',
duration: 300
});
});
</script>
<body>
<div id="wrapper">
<div id="header">
<div id="top">
<ul id="topmenu" class="fade">
<li id="conor"><a href="/">Sahat Yalkabov</a></li>
<li><?php pages(); ?></li>
</ul>
</div>
<div id="content">
<div id="main">
<?php center(); ?>
</div>
</div>
<div id="footer">
<p>Copyright © 2010 Sahat Yalkabov [ <?php login_link(); ?> ]
</p>
</div>
</div>
</body>
</html>
它根本没有作用。 CSS悬停仍然正常。
我什至尝试将
class="fade"
添加到体内的每个元素,仍然一无所获。编辑:导航链接是PHP生成的,您可以看到我正在调用
<li><?php pages(); ?></li>
的链接更新:谢谢MvanGeest。您的解决方案解决了我的问题:)。
最佳答案
我想我有答案:
在javascript中进行更改:
$(document).ready(function() {
$('.fade').dwFadingLinks({
color: '#000',
duration: 300
});
});
至
$(document).ready(function() {
$('a.fade').dwFadingLinks({
color: '#000',
duration: 300
});
});
然后将
class="fade"
放到虚拟链接上。 :)我在萤火虫中做到了,它似乎有效。关于javascript - jQuery链接淡入淡出。救命!,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/3479591/