页面加载完成后，我的add类就不存在了

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时，它在加载页面后也可以工作。但是当页面加载完成后，我的add类就消失了。我应该做什么就位？

Answer 1

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

Wordpress以“无冲突模式”加载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();
  });

});