WordPress 编辑页面编辑器无响应 - jQuery 错误？

Question

当我去编辑我的页面时，我无法在编辑器中打开屏幕选项或在可视模式和文本模式之间切换。

我试过添加

define('CONCATENATE_SCRIPTS', false);
define('SCRIPT_DEBUG', true);

wp config 但没有帮助

我的jQuery加载脚本是这个

function loadJquery()
{
    if ($hook != 'post-new.php' || $hook != 'post.php' ) {
        wp_register_script('siteJs',get_template_directory_uri() . 
'/js/site.js',array('jquery'),'1.4.1');
        wp_enqueue_script('siteJs'); // Enqueue it!
    }
}

我收到这个错误：

Uncaught TypeError: Cannot read property 'addEventListener' of null

指的是：

(function() {
    var burger = document.querySelector('.navbar-burger');
    var menu = document.querySelector('.navbar-menu');
    burger.addEventListener('click', function() {
    burger.classList.toggle('is-active');
    menu.classList.toggle('is-active');
});

当页面位于此处时，它也会出现此错误：

Uncaught TypeError: Cannot read property 'hasClass' of undefined
at HTMLDocument. (wp-auth-check.js:101)

Answer 1

错误 Uncaught TypeError: Cannot read property 'addEventListener' of null 表示 burger 未定义。虽然可能值得在 WP Admin 上检查 site.js 是否应该是运行（其中 .navbar-burger 甚至不存在），但直接的解决方法是检查 burger 是否是在添加事件侦听器之前找到。

这看起来像：

(function() {
var burger = document.querySelector('.navbar-burger');
var menu = document.querySelector('.navbar-menu');
if (burger != null && menu !=  null){
     burger.addEventListener('click', function() {
     burger.classList.toggle('is-active');
     menu.classList.toggle('is-active');
  });
}
})();

Answer 2

我正在使用

wp_print_scripts

加载jQuery，正如dafoxuk所说我应该使用

wp_enqueue_scripts()

WordPress 编辑页面编辑器无响应 - jQuery 错误？

WordPress Edit Page editor unresponsive - jQuery Error?

php

wordpress

jquery

editor

admin