自定义wp-admin表单自定义域

时间:2013-09-16 作者:Cerere

我想在我的WP管理区域自定义一些表单元素:从这个示例开始(http://api.jquery.com/val/ 我想做的是通过选择字段更新a。为此,我开始包含此函数:

function my_enqueue() {

    wp_enqueue_script( \'my_custom_script\', get_template_directory_uri() . \'/js/admin.js\' );
}
add_action( \'admin_enqueue_scripts\', \'my_enqueue\' );
在我放置的“admin.js”中:

alert("It works!");
它确实有效。但每当我尝试包含任何与jQuery相关的内容时,都不会发生任何事情:代码被包含在页面中,我在Firebug中没有发现任何错误。例如,一个简单的脚本http://www.w3schools.com/jquery/event_keyup.asp

$("input").keyup(function(){
    $("input").css("background-color","pink");
}); 
不起作用。什么都没发生。所以我想知道,我错过了什么或做错了什么?太多了!

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

如果您没有收到任何错误,我不确定这是您的问题,但请确保您的jQuery代码位于文档就绪包装器中,并传入$,以确保您可以访问它,因为Wordpress在无冲突模式下运行。

jQuery(document).ready(function($) {

    $("input").keyup(function(){
        $("input").css("background-color","pink");
    });

});
为了安全起见,最好将jQuery声明为依赖项。

wp_enqueue_script( \'my_custom_script\', get_template_directory_uri() . \'/js/admin.js\', array( \'jquery\' ) );

结束

相关推荐

`wp_EDITOR()`css弄乱了jQuery对话框

我有一个自定义管理页面,其中包括wp_editor() 和jQuery对话框。由于我不知道的原因wp_editor() 使用一些与dialog相同的css类名,尤其是一个(ui-widget-overlay) 正在破坏我的jQuery对话框。由于z-index 由设置的覆盖editor.css, 覆盖层较深,中间有一条在中间。以前是否有人遇到过此问题?如果是,你是如何解决的?function do_refreshing_invitees_dialog(){ ?> <