每个页面的Turn.js库和加载功能

时间:2014-09-20 16:01:48

标签: jquery jquery-tooltip yepnope turnjs

我正在使用TurnJS库制作翻书,我还使用工具提示库。

这本书和工具提示适用于几页,但有时它不起作用。似乎无法加载工具提示功能。我不知道为什么。我是否必须使用特定事件来解决此问题? 这是我的工具提示功能:

   $(document).ready(function($) {
    $('.source').each(function() {
        var selector = '#' + $(this).data('source-id');
        Tipped.create(this, $(selector)[0], {
            skin: 'white',
            hook: 'topleft',
            hideOn: 'click',
            showOn: 'click',
            maxWidth: 250,
            closeButton: true

        });
    });
});

我加载了我的翻书:

  function loadApp() {    
     // Create the flipbook
      $('.flipbook').turn({
          // Width
          width: 900,
          // Height
          height: 620,
          // Elevation
          elevation: 50,
          // Enable gradients
          gradients: true,
          duration: 1000,
          pages: 16,
          // Auto center this flipbook
          autoCenter: true,   
      });  
  }   
   // Load the HTML4 version if there's not CSS transform

  yepnope({
      test: Modernizr.csstransforms,
      yep: ['lib/turn.js'],
      nope: ['lib/turn.html4.min.js'],
      both: ['css/basic.css'],
      complete: loadApp
  });

感谢您的帮助

0 个答案:

没有答案