javascript - 无法在wordpress中调用javascript函数

Question

这可能是基本问题，但我花了几个小时才弄清楚这个问题，而且我还没有找到任何解决方案。我使用的是 Wordpress 3.5，并且在此文件夹中有一个名为 general.js 的外部 javascript 文件:wp-content/themes/[folder_name]/js。在 general.js 中，我编写了一个名为 hideError 的函数，基本上是为了隐藏从我的文本框中弹出的错误标签。

(function($) {
function hideErrorLabel(i) {
    //codes for handling label
}
})(jQuery);

我是这样调用它的:

<span class="component-wrapper" onmouseover="hideErrorLabel(0)">
    <input type="text" name="txtName" size="10" />
    <label for="txtName" class="error">All field must be filled.</label>
</span>

我传递了一个参数，因为这些文本框是数组。奇怪的是，它给我 javascript 错误“hideErrorLabel 未定义”。什么地方出了错？请帮忙。

Answer 1

(function($) {
 /* code */
})(jQuery);

将确保您提供的 /* code */ 在解析 DOM 后得到执行。但是，当解析器尝试插入 onmouseover 属性时，这将阻止定义 hideErrorLabel。

为了解决这个问题，您应该在 /* 代码 */ 部分使用修改您的事件处理程序:

(function($) {
function hideErrorLabel(i) {
    //codes for handling label
}

$('.component-wrapper').on('mouseover',hideErrorlabel);
})(jQuery);