Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/472.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jqueryerror";不是一个函数;_Javascript_Jquery - Fatal编程技术网

Javascript jqueryerror";不是一个函数;

Javascript jqueryerror";不是一个函数;,javascript,jquery,Javascript,Jquery,此jQuery代码是简单缩略图库的一部分。当我单击页面上的链接时,它会加载到fancybox中。当我添加预加载部分时,一切看起来都正常,但我在firebug中得到一个错误:$(imgSwap)。预加载不是一个函数 我不确定我遗漏了什么,或者它是否正在通过ajax加载到幻想中 <script type="text/javascript"> $(document).ready(function() { // Image swap on hover $("#gallery

此jQuery代码是简单缩略图库的一部分。当我单击页面上的链接时,它会加载到fancybox中。当我添加预加载部分时,一切看起来都正常,但我在firebug中得到一个错误:
$(imgSwap)。预加载不是一个函数

我不确定我遗漏了什么,或者它是否正在通过ajax加载到幻想中

<script type="text/javascript">
$(document).ready(function() {
    // Image swap on hover
    $("#gallery li img").hover(function(){
        $('#main-img').attr('src',$(this).attr('src'));
    });
    // Image preload
    var imgSwap = [];
     $("#gallery li img").each(function(){
        imgUrl = this.src;
        imgSwap.push(imgUrl);
    });
    $(imgSwap).preload();
});
$.fn.preload = function() {
    this.each(function(){
        $('<img/>')[0].src = this;
    });
}   
</script>


    <div id="gallery">
        <img src="http://photos2.img.ie/Full-10176257.jpeg" alt="" id="main-img" width="290px" height="200px"/>
        <ul>
          <li><img src="http://photos2.img.ie/Full-10176257.jpeg" alt="" width="69px" height="52" /></li>
          <li><img src="http://photos2.img.ie/Full-10176258.jpeg" alt="" width="69px" height="52" /></li>
          <li><img src="http://photos2.img.ie/Full-10176259.jpeg" alt="" width="69px" height="52" /></li>
          <li><img src="http://photos2.img.ie/Full-10176260.jpeg" alt="" width="69px" height="52" /></li>
          <li><img src="http://photos2.img.ie/Full-10176262.jpeg" alt="" width="69px" height="52" /></li>
          <li><img src="http://photos2.img.ie/Full-10176256.jpeg" alt="" width="69px" height="52" /></li>
        </ul>
    </div>    

$(文档).ready(函数(){
//悬停时图像交换
$(“#gallery li img”).hover(函数(){
$('#main img').attr('src',$(this.attr('src'));
});
//图像预加载
var imgSwap=[];
$(“#图库li img”)。每个(函数(){
imgUrl=this.src;
imgSwap.push(imgUrl);
});
$(imgSwap.preload();
});
$.fn.preload=函数(){
这个。每个(函数(){
$('
$(document).ready
在DOM就绪时调用回调。或者,如果DOM已经就绪,它会立即调用回调。在本例中,情况显然如此

为了安全起见,请在使用jQuery方法之前定义它们(此处为
$.fn.preload
)。

$(document).ready
在DOM准备好时调用回调。或者,如果DOM已经准备好,它会立即调用它。在本例中,情况显然如此


为了安全起见,请定义jQuery方法(此处
$.fn.preload
)使用它们之前。

可能您在声明前调用预加载函数,尝试在代码顶部声明该函数,然后调用预加载函数。

可能您在声明前调用预加载函数,尝试在代码顶部声明该函数,然后调用预加载函数。

尝试声明您的
preload()
方法。您不能从任意字符串数组创建jQuery对象,或者至少不应该。嗨,Felix,我还在学习,所以没有最佳实践。您能告诉我应该怎么做吗?对我来说,它们都是数组,所以我遗漏了一些重要的内容。谢谢。尝试声明您的
p重新加载()
方法。您不能从任意字符串数组中创建jQuery对象,或者至少不应该。您好,Felix,我还在学习,所以没有最佳实践。您能告诉我应该怎么做吗?对我来说,它们都是数组,所以我遗漏了一些重要的内容。谢谢。谢谢您的回复。我不知道ried按照建议移动东西,但我不是100%确定你的意思。你能提供移动细节吗?我有一个$(文档)。在主页上准备好了,上面的代码将加载ajax。谢谢你的回复。我尝试按照建议移动东西,但我不是100%确定你的意思。你能提供移动细节吗?我有一个$(文档).ready在主页中,上述代码将使用ajax加载。