我正在尝试修改一个插件并添加jQuery,但它似乎没有执行

时间:2018-02-05 作者:Cody Wedding

我只有一个按钮

echo "<br><input type=\'button\' value=\'Update Totals\' id=\'update\'>";
我有一些Jquery代码,我想在运行时执行这些代码。我真的很想合计一些文本框条目,但现在我想确认我完全可以执行这个Jquery。

因此,我修改了Jquery,使其在单击按钮时只是一个警报,但似乎什么都没有发生。

echo "
<script type=\'text/javascript\'> </script>
<script>
            jquery(\'#update\').click( function() { alert(\'clicked\'); });
});

</script>"

1 个回复
SO网友:Iceable

您需要将Q 属于jQuery 在代码中。当前代码可能会引发如下错误

Uncaught ReferenceError: jquery is not defined
您的代码也有一对多}); 可能会触发

Uncaught SyntaxError: Unexpected token }
别忘了检查浏览器开发工具中的javascript控制台,这就是出现此类错误的地方,并为您提供有关出错原因的有用信息。

这将起作用:

<script type=\'text/javascript\'>
    jQuery(\'#update\').click( function() { alert(\'clicked\'); });
</script>
。。。只要jQuery已加载并在页面上可用。

如果jQuery加载到页脚中,那么内联代码将无法工作,因为jQuery在尝试运行时还不可用。可能的解决方案是:

改为从标头加载jQuery如果您的站点上根本没有加载jQuery,则需要添加它。jQuery与WordPress捆绑在一起,默认情况下已在WordPress中注册,因此您只需使用此函数(在插件或主题中)将其排队functions.php 文件):

/**
 * Enqueues jQuery on the front-end.
 */
function my_enqueue_jquery() {
    wp_enqueue_script( \'jquery\' );
}
add_action( \'wp_enqueue_scripts\', \'my_enqueue_jquery\' );

结束

相关推荐

成功将商品添加到购物车后,使用自定义事件侦听器执行jQuery

这是我的第一篇帖子,所以请温柔一点。在使用以下代码更新商品数量(Ajax)后,我已经在woocommerce购物车页面中成功执行了一些jQuery代码:$( document.body ).on( \'updated_cart_totals\', function(){ //re-do your jquery }); 我还需要一个类似的函数来在cart页面中添加交叉销售项目(单击ajax\\u add\\u to\\u cart\\u按钮)后执行jQuery代码。到目前为