我正在创建自定义主题。我需要在我的主题中运行一些 ajax，但我不太了解 ajax。我只知道如何使用 jquery load（） funcion 来执行服务器端任务。但是问题是当我在我的jquery中使用load（）函数时，它在wordpress中不起作用。
这是我的函数.php文件：
function footerfunction() {
wp_enqueue_script( 'scripts', get_template_directory_uri() . '/inc/scripts.js', array( 'jquery' ) );
}
add_action('wp_footer', 'footerfunction');
这是我的脚本.js文件：
jQuery(document).ready(function($){
$('.button1').live('click', function(){
$(".div1").load("contents.php");
});
});
在这里，来自 content.php 文件中的代码不会加载到 class=div1 中。有什么解决办法吗？
注意：脚本.js和内容.php这两个文件位于同一目录中。
按如下方式重新调整脚本文件， 包含注释以在必要时描述更改。
jQuery(document).ready(function($){
/**
* Re-adjusted to .on('click')
* Future-proof any DOM changes with
* $(document).
**/
$(document).on('click', '.button1', function() {
/**
* Use a slightly more un-relative path.
* to load your contents.php.
**/
$(".div1").load("wp-content/themes/yourtheme/contents.php");
});
});
如果您仍然遇到问题，最好包含来自 JavaScript 控制台的任何 JavaScript 错误，最常见的是键盘上的F12错误。