turnjs - 销毁和重新初始化 Turn.js

Question

我有一个正在使用的网页turn.js，如果用户将页面大小调整到某个阈值以下，我希望销毁并重新初始化插件。我正在测试如下：

$(window).resize(function() {
    if (Modernizr.mq('(min-width: 764px)')) {
        $("#flipbook").turn("destroy");
    }
});

但是我不确定如何turn.js随后重新初始化？

Answer 1

你很接近：只需要添加一件事$( window ).unbind( 'keydown' );，然后通过再次添加重新初始化.turn()；

$( '#book' ).turn( 'addpage', element, pageNo );是正确的做法，但我不想只返回一个 HTML 块。我更喜欢重新加载整个div. 所以对我有用的是：

// data is html ajax response
// destroy any previous bindings'
if ( $( '#book' ).turn( 'is' ) ) {
        $( '#book' ).turn( 'destroy' );
        $( window ).unbind( 'keydown' );
}

$( '#book' ).html( data );

// load the book
$( '#book' ).turn({
    display: 'double'
    , acceleration: true
    , gradients: !$.isTouch
    , elevation:50
});