Question

我正在开发一款支持jQuery Mobile运行的手机应用程序。我需要能够加载可能很大的图像，但让页面尝试在页面加载时加载图像而不通知它正在做的事情使页面看起来不起作用和破坏。所以我需要通过加载图像通知用户正在加载图像。我尝试使用这个脚本，我在其他几十个网络应用程序中使用过，但它在jQuery Mobile中不起作用：

var img = new Image();    
  // wrap our new image in jQuery, then:
  $(img)
    // once the image has loaded, execute this code
    .load(function () {
      // set the image hidden by default    
      $(this).hide();       
      // with the holding div #loader, apply:
      $('#container')
        // remove the loading class (so no background spinner), 
        // then insert our image
        .append(this);      
      // fade our image in to create a nice effect
      $(this).fadeIn();
    })      
    // if there was an error loading the image, react accordingly
    .error(function () {
      // notify the user that the image could not be loaded
    })      
    // *finally*, set the src attribute of the new image to our image
    .attr('src', 'http://somedomain.com/largeimagetobeloaded.png');

正如我所提到的，这已经在许多其他地方工作，没有任何问题，但我似乎无法加载它。 Fiddler似乎没有显示应用程序触发的任何请求，我尝试过$（'＃container'）。page（）和$（'＃container'）。trigger（'create'）

任何人都可以指点如何通过ajax将图像加载到jQuery Mobile页面的div中吗？

jQuery Mobile - 通过ajax加载图像加载AFTER页面

0 个答案: