我正在尝试使用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 &copy; 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/

10-11 22:10
查看更多