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