添加了在視圖頁面中顯示的JS文件，但單擊時顯示404錯誤

Question

在子主題的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（）”來從子主題中獲取折疊。

感謝您的協助！ 這是我的小失誤。

Answer 1

Waaaay太復雜了。 嘗試這個：

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

刪除wp_register_script(); 因為它不是必需的。