向媒体按钮添加jQuery函数

时间：2012-03-03 作者：roberthuttinger

我在自定义主题的媒体操作中添加了自定义按钮，

function wp_myplugin_media_button($context) {
    $wp_myplugin_media_button_image = \'../wp-content/themes/datamine/images/icon_create_table.gif\';
    $wp_myplugin_media_button = \' %s\' . \'<a id="fluffyRabbit" href="javascript:;" title="Add a Tabletool table to the post.">  <img src="\'.$wp_myplugin_media_button_image.\'" alt="" /></a>\'; // table.php?type=tabletool&amp;TB_iframe=true" class="thickbox"
    return sprintf($context, $wp_myplugin_media_button);
}

add_filter(\'media_buttons_context\', \'wp_myplugin_media_button\');

但如何附加事件侦听器？

$(\'#fluffyRabbit\').live(\'click\',function() { alert(\'o hai!\'); });

如果使用add\\u操作，是否必须包含新的script.js 文件

如果有人能一步一步地告诉我，那就太棒了。我刚刚开始真正修补WP。

干杯Bo公司

3 个回复

最合适的回答,由SO网友:roberthuttinger 整理而成

我玩了一段时间后，它开始工作了。。。

这在自定义js文件中

jQuery(document).ready(function(){ 
    jQuery(\'#fluffyRabbit\').live(\'click\',function() { console.log(\'o hai!\'); });

    //console.log(\'loaded\');
});

这在函数中进行。php

function load_scripts() {
   wp_enqueue_script(\'jquery\');
   wp_enqueue_script(\'ttcustom\', \'/wp-content/themes/twitunez/ttcustom.js\', array(\'jquery\'));
}

add\\u action（\'init\'，\'load\\u scripts\'）；

SO网友:nembleton

您将此侦听器附加到何处：

$(\'#fluffyRabbit\').live(\'click\',function() { alert(\'o hai!\'); });

我想如果你在

$(document).ready(function(){ 
    //attach here 
    $(\'#fluffyRabbit\').live(\'click\',function() { alert(\'o hai!\'); });
};

那就行了。这对你有用吗？

SO网友:nembleton

抱歉，我不知道您需要wp\\u enqueue\\u脚本练习。我以为你被困在如何调用绑定事件上了。但是你自己解决的。这是正确的方法。您还可以在页脚中编写jQuery调用。HTML中的php。不是最干净的，但仍在工作。

结束

标签： jquery menus javascript media-library 小码农

jQuery .load and WP function

我正在尝试获取Quick Chat WordPress plugin 仅在单击按钮时加载。我当前正在使用此代码：$(\'#chat\').load(\'path to my wp template/quick-chat.php\'); 。。。文件“快速聊天”的位置。php’有一个WordPress函数，可以调用快速聊天。然而，当文件加载时，它无法识别函数。这就像是在WordPress之外。有什么想法吗？

小码农CODE

向媒体按钮添加jQuery函数

相关推荐

jQuery .load and WP function