销毁和重新初始化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
});