Javascript jQuery链路衰落。救命啊！_Javascript_Jquery_Hyperlink_Effects_Fade

Javascript jQuery链路衰落。救命啊！

javascript jquery hyperlink

Javascript jQuery链路衰落。救命啊！,javascript,jquery,hyperlink,effects,fade,Javascript,Jquery,Hyperlink,Effects,Fade,我正在尝试用jQuery链接淡入效果设置导航菜单的动画。我从他那里得到剧本我已经把3个测试链接放在主导航菜单的正上方。它工作得很好，正如我所预料的那样。但是当我将class=“fade”添加到时，如下所示： <script type="text/javascript" src="jquery.dwFadingLinks.js"></script> <script type="text/javascript" src="jquery.effects.core.js

我正在尝试用jQuery链接淡入效果设置导航菜单的动画。我从他那里得到剧本

我已经把3个测试链接放在主导航菜单的正上方。它工作得很好，正如我所预料的那样。但是当我将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>


$（文档）.ready（函数（）{
$（'.fade'）.dwFadingLinks({
颜色：“#000”，
持续时间：300
});
});




版权及副本；2010年萨哈特·亚尔卡波夫[]

这根本没有效果。还是正常的CSS悬停

我甚至尝试将

class=“fade”

添加到身体中的每个元素，但仍然没有添加任何内容

编辑：导航链接是PHP生成的，您可以看到我正在调用

更新：非常感谢您。您的解决方案解决了我的问题：）。

我想我有了答案：

在javascript更改中：

$(document).ready(function() {
    $('.fade').dwFadingLinks({
        color: '#000',
        duration: 300
    });
});

到

然后将

class=“fade”

放在实际链接上：我在firebug中做到了这一点，它似乎起了作用。

我想我找到了答案：

在javascript更改中：

$(document).ready(function() {
    $('.fade').dwFadingLinks({
        color: '#000',
        duration: 300
    });
});

到

然后将

class=“fade”

放在实际链接上：我在firebug中这样做了，它似乎起了作用。

您生成的链接，那些没有褪色的链接没有class

.fade设置的class属性
你为什么不试试这样的方法呢：
$(document).ready(function() {
    $('div#header a').dwFadingLinks({
        color: '#000',
        duration: 300
    });
});

这很有意义，因为标题中的所有链接无论如何都应该淡入淡出状态——不需要设置class属性。
生成的链接，那些没有淡出的链接没有class设置的class属性
你为什么不试试这样的方法呢：
$(document).ready(function() {
    $('div#header a').dwFadingLinks({
        color: '#000',
        duration: 300
    });
});

这很有意义，因为标题中的所有链接无论如何都应该淡出——无需设置class属性。
在Chrome 6中，它们淡出得很好，你在哪个浏览器中？@Nick我也在使用Chrome 6。让我刷新缓存也许这就是问题所在。编辑：没用。链接淡入淡出1、2、3工作正常，它们是硬编码的。但是这些链接：传记艺术品展览新闻联系人不受jQuery fade的影响。你的网站在Chrome 6中也可以正常工作。它们在Chrome 6中正常工作，你在哪个浏览器中？@Nick我也在使用Chrome 6。让我刷新缓存也许这就是问题所在。编辑：没用。链接淡入淡出1、2、3工作正常，它们是硬编码的。但是这些链接：传记艺术品展览新闻联系人不受jQuery fade的影响。你的网站在Chrome 6中对我也很好。你也可以使用$（'.fade a'）
而不更改HTML。我的链接不是硬编码的。我应该像这样把class=“fade”放在中吗？或者像这样的内部：
它们是如何生成的？您不能更改它们生成的位置吗？或者使用以下类似的方法：$（'div#header a'）MvanGeest-用于更改我的答案的thnks-我无法获得它添加换行符！：（另外，你如何在评论中获取内联代码？它们是通过php生成的。我使用的是sNews平台。不知道它到底是如何生成链接的。评论中的内联代码？我不知道是否可能。至少我自己从未见过。你试过其他选择器吗？$（'div#header a'）？是否有效？你也可以使用$（'.fade a'））
而不更改HTML。我的链接不是硬编码的。我应该像那样将class=“fade”放在中吗？还是像这样放在的内部：
它们是如何生成的？你不能更改它们生成的位置吗？或者使用下面这样的东西：$（'div#header a'）MVANGEST-感谢更改我的答案-我无法在换行符中添加答案！：（另外，如何在注释中获取内联代码？它们是通过php生成的。我使用的是sNews平台。不知道它到底是如何生成链接的。注释中的内联代码？我不知道是否可能。至少我自己从未见过。你试过其他选择器吗？$（'div#header a'））？？有用吗？那可能有用。但是这个太有用了（'.fade a'），所以我就用它：）。谢谢克朗！那可能有用。但是这个太有用了（'.fade a'），所以我就用它：）。谢谢克朗！