当我在wordpress中使用jquery .click函数时出错了

Question

我正试图改变我的购物车显示方式。今天它正在使用css3来悬停显示。

我需要它来显示onclick我在Stackoverflow上尝试了很多不同的建议，但它仍然不起作用。我是业余爱好者，希望有人能帮助我理解为什么它不起作用！

当我将display: table;添加到.box-dropdown时，它会以我想要的方式显示它，但我无法做到这一点！ ：（

当我删除周围的其他元素时，它在JSFiddle上完美运行。 JSFiddle：http://jsfiddle.net/ggoe8v6k/

网站为http://swemed.se

我试过了：

$(".top_cart_a").click(function () {
    $('.box-dropdown.cart').css("display", "table");
});

并且：

$(".top_cart_a").live('click',function() {
    $('.box-dropdown.cart').css("display", "table");
});

Answer 1

尝试在自动调用函数中包装javascript。 jQuery作为参数，$作为变量：

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

   $(".top_cart_a").click(function () {
   $('.box-dropdown.cart').css("display", "table");
});

   });
}(jQuery));

Answer 2

在您的JSFiddle中，您忘记包含JQuery库，导致Uncaught ReferenceError: $ is not defined错误。