我创建了我的第一个WP插件。首先，我将div、h1和button添加到单篇文章中，并在下面单击按钮后尝试隐藏这个div。我尝试通过添加外部jQuery文件来实现这一点。问题是，单击按钮后，什么也没发生。我不知道为什么。
我的PHP代码：
add_filter(\'the_content\', \'hello_world_date_time\');
function hello_world_date_time() {
if ( is_single() ) {
echo \'<div id="container-post">\';
echo \'<h1>\' . \'Hello, world!\' . \'</h1>\';
echo \'<p>\' . \'Opublikowano o godzinie: \' . \'</p>\';
echo the_time(\'g:i a\');
echo \'<br>\';
echo \'<button id="hide">UKRYJ</button>\';
echo \'</div>\';
}
}
add_action(\'wp_enqueue_scripts\', \'hide_container_post\');
function hide_container_post() {
wp_enqueue_script(\'MyScript\', plugins_url(\'/script.js\', __FILE__), array(\'jquery\'), false, true );
}
jQuery代码：
$(document).ready(function() {
$("#hide").click(function() {
$("#container-post").hide();
});
});
最合适的回答,由SO网友:MD Sultan Nasir Uddin 整理而成
而不是使用：
$(document).ready(function() {
$("#hide").click(function() {
$("#container-post").hide();
});
});
使用：
jQuery(document).ready(function($) {
$("#hide").click(function() {
$("#container-post").hide();
});
});
