适用于jsfiddle,但不适用于现场wordpress网站(已添加onload功能)

时间:2015-04-02 13:47:44

标签: jquery wordpress

我注意到之前已经提出了类似的问题,但我尝试了建议的解决方案,它将我的代码包装在一个onload函数中,这是jsfiddle所做的,但它仍然不适合我。继承了jsfiddle,我从现场网站复制了相同的html,一切都很完美

http://jsfiddle.net/pxJHc/40/

它是我的woocomerce网站的加号减去功能,在我运行最新更新后停止工作。很直接

$('.minus, .plus').click(function (e) {
    e.preventDefault();    
    var $input = $(this).siblings('.qty');
    var val = parseInt($input.val(), 10);
    $input.val(val + ($(this).hasClass('minus') ? -1 : 1));
});

我添加了

$(document).ready(function(){
    //put the javascript from the jsfiddle in here
});
像之前的一些答案一样建议,但仍然没有。继承人现场

http://tinyurl.com/p4s7k5t

我没有在控制台中出现任何错误,一切似乎都运行正常。但是当我点击加号或减号时没有任何反应....任何想法?

感谢

2 个答案:

答案 0 :(得分:0)

Wordpress在noconflict模式下加载jQuery,这意味着jQuery没有自动设置为$变量。你可以阅读它here

答案 1 :(得分:0)

您可以使用

jQuery(document).ready(function($){
   //put the javascript from the jsfiddle in here
});

所以你可以在你的加载函数中使用$。

如果不是,你必须将$更改为jQuery。