添加了视图页面中显示的JS文件,但单击时出现404错误

时间:2013-09-19 14:06:00

标签: javascript ajax wordpress http-status-code-404

在子主题的function.php中创建以下代码后,

add_action('wp_enqueue_scripts', 'js_files');
function js_files() {
wp_register_script('ajax_call_mkto', get_template_directory_uri() . 'js/something.js', array('jquery'), false);
wp_enqueue_script('ajax_call_mkto');

}

我检查了视图页面源并点击了链接以查看它是否有效,点击后它会给我一个404 Not Found页面。我的JS文件有问题吗?

var $k = jQuery.noConflict();

$k('#something .somethinghere("yolo")').click(function() {
var $this = $k(this);

// Ajax call
ajaxConnection($this);
});

function ajaxConnection(item) {

alert('IT WORKS!');

}

这是我在控制台日志中遇到的错误:

  

404(未找到)somewebsite.com/:79资源被解释为图像,但是使用MIME类型text / html传输


更新

我明白了。

我在子主题目录中有我的脚本文件夹。我不得不使用“get_template_directory_uri()”来获取父级主题文件夹中的目录,而是使用“get_stylesheet_directory_uri()”来获取子主题的折叠。

感谢您的帮助!这是我的小错误。

1 个答案:

答案 0 :(得分:0)

Waaaay太复杂了。试试这个:

wp_enqueue_script('ajax_call_mkto', get_template_directory_uri() . 'js/something.js');

删除wp_register_script();,因为它不需要。