JQuery在WordPress编辑器上不起作用

时间:2013-08-26 作者:WagnerMatosUK

我已经在WP的编辑器中添加了一些内容,但是新内容对点击行为没有反应。下面是我如何添加内容的:

add_filter( \'default_content\', \'custom_editor_content\' );

然后创建了我的函数custom_editor_content:

function custom_editor_content( $content ) 
{

$content = \'

<button id="test">Add</button>

...\';

echo $content;

}
内容显示在编辑器ok中,但不会响应正在加载的jQuery,如下所示:

add_action( \'admin_menu\', array( $this, \'fnEnqueueAdminScripts\' ) );

js加载正常,内容也正常,但我无法理解为什么单击功能不起作用。这是我的js:

$( "#test" ).click(function() {

    alert( "Test" );

});
同一文件中的其他js片段也可以工作。问题似乎出在单击功能上。内容不是动态生成的,所以我认为使用on 例如

$("#test").on("click", function() {

    alert("test");

});
你知道我做错了什么吗?

1 个回复
最合适的回答,由SO网友:Otto 整理而成

jQuery代码使用$符号,而不考虑无冲突模式。

更多信息:http://codex.wordpress.org/Function_Reference/wp_enqueue_script#jQuery_noConflict_Wrappers

结束

相关推荐

在jQuery中,通过wp_LOCALIZE_SCRIPT()读取多维数组

通过PHP,我将一个基本数组推送到jQuerywp_localize_script() 然后使用脚本文件中的数组数据。现在,我已经将数组扩展为多维数组,但我不知道如何从数组中获取数据以在javascript文件中使用。目前,我正在从数组中提取数据,如下所示:jQuery(document).ready(function($){ var optionA = theme_metadata.dataA; var optionB = theme_metadata.dataB;&#