php - jQuery定位，PHP获取URL，图片总是加载不出来

Question

我在 stackoverflow 潜伏了很长时间，几乎总能在看板上找到我的问题的答案(谢谢你)但是这个让我很困惑......

我正在构建一个投资组合网站.. 它使用 jQuery 来定位从 MySQL 数据库中提取的元素(图像).. 非常简单......但由于某种原因，图像并不总是加载或将加载情侣，然后永久挂断电话，什么都不做……

页面在这里... http://www.spacecar.org/2013/

完成所有工作的 JS 文件在这里 http://www.spacecar.org/scripts/jquery.menu.js

是否有一些我只是没有看到的非常基本的东西？任何见解都将不胜感激……我知道我打了很多电话来实现网站的效果功能，但是……啊!

谢谢

Answer 1

$( 'img' ).load( function(){ ... }); – 这不是您可以信任的东西(在您的插件中我看到了这段代码)。在这里您可以看到原因: http://api.jquery.com/load-event/ (从 caveats 词开始阅读)

这里是描述问题的小例子:

$( document ).ready( function(){
    $( 'img' ).load( function(){
       // this event going to fire only if document was ready after image was loaded; (very seldom, almost never)
       console.log( 'Fired?! You are lucky today!' );
    });

    $( document.body ).append( '<img src="http://stat19.privet.ru/lr/0b164d8151948d2fdedfbfdc420f5392?temp=2" id="some"/>' );
    $( '#some' ).load( function(){
        // this event will fire often, except of cases descripted in `load` event manual
        console.log( 'Huugh. Today have fired. But I don\'t know about tomorrow' );  
    });

  var temp = new Image;
  temp.src = 'http://photo.a42.ru/photos/92772/medium/11757.jpg';
  temp.onload = function(){
      // this event going to fire almost always except of cache issue with IE, that can be handled by skipping cache with `?nothing=random` appending to image URL
    console.log( 'Okay, okay! I\'ve fired' );
  }
  $( document.body ).append( temp );
});

您可以在这里运行它:http://jsfiddle.net/p6Cpy/