冲突的脚本Wordpress

Question

现在有人会为什么这个脚本在webkit浏览器中禁用我的导航

$(document).ready(function () {
 $(".project").fadeTo(0,0);

$(".class1, .class2, .class3, .class4, .class5, .class6, .class7, .class8, .class9, .class10, .class11, .class12, .class13, .class14, .class15, .class16, .class17, .class18, .class19, .class20, .class21, .class22, .class23").hover(
    function() {
        $(".project").text(this.title).stop(true).fadeTo("normal", 1);
    }, function() {
        $(".project").fadeTo("normal", 0);
    });

}）;

//Nav code

<li class="float-l"><?php echo get_nav_link('gallery', 4)?></li>
<li ><?php echo get_nav_link('philosophy', 6)?></li>
<li class="float-r"><?php echo get_nav_link('contact', 12) ?></li>

Answer 1

您必须对基于WordPress的脚本使用“无冲突”模式。

您可以将$切换为jQuery

或者像这样进入ready.function。

jQuery(document).ready(function ($) {
     .....
    });