2012-08-15 37 views
5

Projem için Booklet jquery eklentisini kullanmaya çalışıyorum, ancak manuel ve klavye denetimleri çalışmıyor. Bu hata nedeniyle görünüyor. Yakalanmamış TypeError: Object [object Object] 'sürüklenebilir' yöntemine sahip değil. (Kitapçık jquery eklentisi)

Direct link to the js file of the plugin. Error occurs at line 1194.

hata bu özel çizgisinde cereyan

Booklet plugin homepage

:

// manual page turning, check if jQuery UI is loaded 
    target.find('.b-page').draggable('destroy').removeClass('b-grab b-grabbing'); 
    if(options.manual && $.ui) { 

Benim html:

<!doctype html> 

<html> 
<head> 
    <meta charset="UTF-8"/> 
      <title> asfds </title> 
<link rel="stylesheet" type="text/css" media="screen" href="fgerg.css" /> 
<link href="scripts/jquery.booklet.1.4.0.css" type="text/css" rel="stylesheet" media="screen" /> 


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 

<script src="scripts/jquery.easing.1.3.js" type="text/javascript"></script> 
     <script src="scripts/jquery.booklet.1.4.0.js" type="text/javascript"></script> 


<script type="text/javascript"> 
       $(document).ready(function() { 

       $(function() { 
        $('#mybook').booklet(); 
        keyboard: true 
       });  
       }); 
      </script> 

</head> 

<body> 

    <div id="mybook"> 
     <div> 
      <h3>Yay, Page 1!</h3> 
     </div> 
     <div> 
      <img src="scripts/testmenu1.png" width="100%" height="100%" /> 
     </div> 
     <div> 
      <h3>Yay, Page 3!</h3> 
     </div> 
     <div> 
      <h3>Yay, Page 4!</h3> 
     </div> 
     <div> 
      <h3>Yay, Page 5!</h3> 
     </div> 
     <div> 
      <h3>Yay, Page 6!</h3> 
     </div> 
</body>  
    </div> 

    </html> 
+0

Ne işletim sistemi ve tarayıcı almak için kitapçık() işlevi içinde: – hsalama

+0

FF ve Chrome'da iyi görünüyor. Eklentinin sitesinde iyi çalışır, ancak tam kodu kopyalayıp proje sayfamda uygularsam hata oluşur. – TheKraven

+0

Bölümü okuyor musunuz * Kurulum *? – Andreas

cevap

21

yüzden muhtemelen olacaktır, sürüklenebilir JQuery UI geldiğini düşünüyorlar eklemeye gerek var de. seçenekleri

+1

, tüm kitaplığa sahip değilseniz sürüklenebilir özellik eksik olabilir. Http://jqueryui.com/download/ kütüphanesini indirirken "Sürüklenebilir" in önündeki onay kutusunu işaretlemeyi unutmayın. –

0
$(function() { 
       $('#mybook').booklet({keyboard: true}); 

      });  

"gerçek klavye" koydu? Safari/Mac OS X
İlgili konular