Question

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

  $(".main_menu ul li").click(function(){
    $(".main_menu ul li.active").removeClass("active");
    $(this).addClass("active");
  });

  $(".main_menu ul li").click(function(){
    $("#camera_wrap_3").addClass("camera_height");
    $(".promotion_area").remove();
  });

});

这是我的jquery代码及其工作原理。但是当我将我的模板转换为wordpress时，它也在加载页面后工作..但是当页面加载完成后，我的添加类就消失了。我该怎么办？

Answer 1

检查你的javascript控制台，确实是说“$ is not defined”或类似的？

Wordpress在“noconflict模式”中加载jQuery，修改你的javascript以使用jQuery对象（而不是$）

此外，正如评论中所指出的，您不需要2次点击事件。

jQuery(document).ready(function() {

  jQuery(".main_menu ul li").click(function(){
    jQuery(".main_menu ul li.active").removeClass("active");
    jQuery(this).addClass("active");
    jQuery("#camera_wrap_3").addClass("camera_height");
    jQuery(".promotion_area").remove();
  });

});

页面加载完成然后我的添加类消失了

1 个答案: