WordPress在中加载jQuery"No Conflict" mode. 这个$ 别名不工作。这就是大多数；jQuery不工作“；此网站上的问题。

你的代码正在使用它$ 别名despite the Codex warnings against doing so.

使用jQuery.(document) 或wrap your code like...

(function($) { 
  $(function() {
    // more code using $ as alias to jQuery
  });
})(jQuery);

您也不应该像那样将脚本嵌入到模板中。省去一些头痛的事register 和enqueue 您的脚本正确。通过这样做，您可以轻松地仅在需要的地方加载脚本，并利用非常好的依赖关系处理。

相关的

How Do I Use jQuery UI In My Plugin