Javascript jQuery.change在WooCommerce中不起作用

我正在尝试做一些非常简单的事情。如果您转到，我只想在用户在下拉菜单中选择尺寸后隐藏“From:”价格。我正在尝试下面的代码，该代码在Fiddle中运行良好，但在实时站点上无法运行：

jQuery('#size').on('change', function(){
    jQuery('p.price').hide();
    }); 

以下是对未格式化代码的处理：

非常感谢您的帮助！

---

Anne

如果我将上面的代码复制/粘贴到web inspector中，然后更改其工作的选择，那么很可能代码不在页面中，或者没有运行，或者在相关元素加载到DOM之前运行。

如果我将上面的代码复制/粘贴到web inspector中，然后更改其工作的选择，因此，代码很可能不在页面中，或者没有运行，或者在相关元素加载到DOM之前运行。

您的

cutecutb.js

文件

未终止的注释中存在错误。i、 e您没有终止评论


没有“*/”符号

编辑：

现在，
添加到购物车variation.min.js
中的另一个原因是已经有一个onchange下拉事件


您可以看到“#size”元素在“.variations”类中

您的
cutecutb.js
文件中有一个错误，
未终止的注释
。i、 e您没有终止评论


没有“*/”符号

编辑：

现在，
添加到购物车variation.min.js
中的另一个原因是已经有一个onchange下拉事件


您可以看到“#size”元素在“.variations”类中

我知道有点晚了，但是。。如果其他人也有同样的问题，这应该可以做到：

jQuery(document).ready(function($) {
    $(document).on("change", ".variations #size", function() {
        $('p.price').hide();
    });
});

我知道有点晚了，但是。。如果其他人也有同样的问题，这应该可以做到：

jQuery(document).ready(function($) {
    $(document).on("change", ".variations #size", function() {
        $('p.price').hide();
    });
});

有控制台错误吗？你在哪个浏览器中测试这个？你想只隐藏“From:”文本吗？我查看了你的网站，在你的JS中没有调用
.change（）
方法。另外，您不必在
（function（$）{$（window.load（function（）{…}）；}）（jQuery）中包装代码的每个块只做一次就足够了。你网站上的js文件名是什么？@AbhinavRanjan-没有控制台错误。正在尝试Chrome和Firefox。有控制台错误吗？你在哪个浏览器中测试这个？你想只隐藏“From:”文本吗？我查看了你的网站，在你的JS中没有调用
.change（）
方法。另外，您不必在
（function（$）{$（window.load（function（）{…}）；}）（jQuery）中包装代码的每个块只做一次就足够了。你网站上的js文件名是什么？@AbhinavRanjan-没有控制台错误。尝试Chrome和Firefox。谢谢-我尝试将脚本移动到所有地方，以便在完全加载所有内容后启动它，但无法正常工作。谢谢-我尝试将脚本移动到所有地方，以便在完全加载所有内容后启动它，但无法正常工作。谢谢-我修复了此问题，但不幸的是，没有解决最初的问题。也许现在你可以在那里设置一个断点，检查代码是否正在执行。@AbhinavRanjan我试过了，看起来它正在加载。如果我取出.hide（）代码，而不将其包装在on.change函数中，则元素被隐藏。@AnneSchmidt事件绑定没有问题。只是你没有完全检查你的代码。像这样调试bug真的很难。希望这能解决问题。绑定时使用的选择器可能有问题。谢谢-我已修复此问题，但不幸的是没有解决原始问题。现在您可能可以在那里放置断点，并检查代码是否正在执行。@AbhinavRanjan我试过了，看起来它正在加载。如果我取出.hide（）代码，而不将其包装在on.change函数中，则元素被隐藏。@AnneSchmidt事件绑定没有问题。只是你没有完全检查你的代码。像这样调试bug真的很难。希望这能解决问题。绑定时使用的选择器可能有问题。谢谢您的回答，它成功了。然而为什么会这样？我仍在学习JS，我想理解这里的问题。谢谢你的回答，它成功了。然而为什么会这样？我仍在学习JS，我想了解这里的问题。