未捕获的TypeError:对象在更改jQuery加载方法时不是函数

Question

这与此相关:在$(window).load()函数内运行jQuery,但不在$(document).ready函数内运行

在我使用之前:

jQuery( document ).ready( function( $ ) {

加载我的jQuery UI位置代码,但我决定尝试加载使用:

jQuery(window).load(function($) {

现在我收到一个错误:

Uncaught TypeError: object is not a function

这是我更改之前的代码:

<script type='text/javascript'>
jQuery( document ).ready( function( $ ) {
var element_selector='.test';
if ( $(element_selector).length !== 0) {

var divname515e62e8355b0 = '#test_selector';
$(divname515e62e8355b0).children().wrapAll('<div class="mydoc cf">');

//jQuery UI Position code here

}

 });
</script>

这是我改变后的代码:

<script type='text/javascript'>
jQuery(window).load(function($) {
var element_selector='.test';
if ( $(element_selector).length !== 0) {

var divname515e62e8355b0 = '#test_selector';
$(divname515e62e8355b0).children().wrapAll('<div class="mydoc cf">');

//jQuery UI Position code here

}

 });
</script>

但是我收到一个错误:

Uncaught TypeError: object is not a function

这是问题所在:

$(divname515e62e8355b0).children().wrapAll('<div class="mydoc cf">');

我检查过逗号,分号,看起来很好.可能是什么问题呢？

谢谢你的任何提示.

Answer 1

那是因为在你的第二个代码中,$是一个事件对象,.load()不像.ready()方法那样,如果你想避免冲突,可以使用一个自调用函数:

(function($) {
    $(window).load(function(event) {
        // ...
    });
})(jQuery);