页面模板中的自定义JQuery脚本不起作用

时间:2017-03-29 作者:Roger Wayne

我创建了自定义页面模板,在其中插入了JQuery脚本。

<script type="text/javascript">
$( document ).ready(function() {
console.log( "ready!" );
});
</script>
但这行不通。我获取对象预期错误。Jquery插入到页面标题上,因此应该加载它。

为什么不起作用?

1 个回复
最合适的回答,由SO网友:Paul \'Sparrow Hawk\' Biron 整理而成

与WP一起分发的jQuery版本在中运行noConflict() 模式(意味着$not 绑定到jQuery对象)。

因此,您应该:

<script type="text/javascript">
    jQuery( document ).ready(function() {
        console.log( "ready!" );
    });
</script>

<script type="text/javascript">
(function ($) {
    $( document ).ready(function() {
        console.log( "ready!" );
    });
})(jQuery) ;
</script>