wordpress a tag onClick issues

wordpress a tag onClick issues

本文关键字：issues onClick tag wordpress      更新时间：2023-09-26

我在将自制的幻灯片jQuery脚本集成到wordpress中时遇到了一些问题。

到目前为止，我已经学会了必须使用wp_enque_script集成脚本的艰难方法，但现在我遇到了我在标签fon上的onclick运行我的函数、我用来更改幻灯片的函数等。

在我自制的幻灯片脚本中，我已经将我所有的jQuery代码打包到一个包装中

(function($) { // OPEN WRAPPER
  // SCRIPTS
})(jQuery); // CLOSE WRAPPER

为了更好地解释我的问题，这里有一些理论上的伪代码：

jQuery幻灯片脚本：

(function($) { // OPEN WRAPPER
$(window).load(function() {
// INIT my slideshow
});
function callJsFunction(num){
alert("function executed perfectly"+num);
};
})(jQuery); // CLOSE WRAPPER

Html文件：

...
<a href="#" onclick="callJsFunction(3); return false"> CLICK ME </a>
...

无论我在Wordpress 3.7.x中尝试什么，血腥的功能都不会运行，你知道为什么这不起作用吗？，我在谷歌上搜索了很长时间，但没有找到答案，任何关于jQuery到WP的新手回家的文章也将不胜感激：D

callJsFunction在另一个自执行函数的范围内，在该函数的范围外不可用，因此无法从锚点调用if。

(function($) { // creates new scope (and BTW does not wait for DOM ready)
    function callJsFunction(num){} // only available inside this scope
})(jQuery);

删除内联事件处理程序：

<a href="#" id="something_unique" data-num="3"> CLICK ME </a>

并使用jQuery

jQuery(function($) {
     $('#something_unique').on('click', function() {
          var num = $(this).data('num');
          alert("function executed perfectly" + num);
     });
});
相关文章：