스크립트가로드되지 않습니다. Firebug에 오류가 없습니다.

Question

jQuery Booklet 플러그인을 사용하여 플립 북을 만들려고합니다. 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); 
    }); 

}); 

방화범 입력 오류가 없습니다.

Answer 1

방화범 입력 오류가 없습니다.

내가 할 :

그래서 당신이 실제로 존재하는 이미지에 대한 URL을 지정했는지 확인하십시오.