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