脚本无法加载 - Firebug中没有错误

时间:2012-09-21 07:31:03

标签: javascript jquery

我正在尝试使用jQuery Booklet插件创建一本flipbook。我正在按照可以找到here的教程。该页面只是说加载,之后没有任何反应。

Here is a jsFiddle I created.

这是我的代码:

HTML

<div class="book_wrapper">
  <a id="next_page_button"></a>
  <a id="prev_page_button"></a>
  <div id="loading" class="loading">Loading...</div>
  <div id="mybook" style="display:none;">
    <div class="b-load">

      <div>
        <h2>Pen N Hand's Artwork </h2>
      </div>
      <div>
        <img src="images/artwork/img.jpg" alt="" />
      </div>

    </div>
  </div>
</div>

JS

$(function() {
  var $mybook       = $('#mybook');
  var $bttn_next        = $('#next_page_button');
  var $bttn_prev        = $('#prev_page_button');
  var $loading      = $('#loading');
  var $mybook_images    = $mybook.find('img');
  var cnt_images        = $mybook_images.length;
  var loaded            = 0;
  //preload all the images in the book,
  //and then call the booklet plugin

  $mybook_images.each(function(){
    var $img    = $(this);
    var source  = $img.attr('src');
    $('<img/>').load(function(){
      ++loaded;
      if(loaded == cnt_images){
        $loading.hide();
        $bttn_next.show();
        $bttn_prev.show();
        $mybook.show().booklet({
         //Booklet Options
        });
      }
    }).attr('src',source);
  });

});

我在Firebug中看不到任何错误。

1 个答案:

答案 0 :(得分:4)

  

我在Firebug中看不到任何错误。

我做:

enter image description here

因此,请确保您已为实际存在的图片指定了网址。