Javascript Turn.js-TypeError:parent.offset（…）为空_Javascript_Jquery_Css_Html

Javascript Turn.js-TypeError:parent.offset（…）为空

javascript jquery css html

Javascript Turn.js-TypeError:parent.offset（…）为空,javascript,jquery,css,html,Javascript,Jquery,Css,Html,尝试在服务器上运行turn.js时出现以下错误。在我的本地机器上，通过浏览器它工作得很好。我的问题是在尝试将其部署到服务器上时出现的我使用的是基本示例文件夹中提供的相同的basic.js和basic.css代码。我有一个指向框架中所有turn.js文件的服务器路径。我只将yepnope部分中的三个文件的路径更改为服务器路径。jquery和Modernizer是通过服务器引用的。我可以看到所有的js和css文件都从服务器加载到浏览器中错误： TypeError: parent.offset(.

尝试在服务器上运行turn.js时出现以下错误。在我的本地机器上，通过浏览器它工作得很好。我的问题是在尝试将其部署到服务器上时出现的

我使用的是基本示例文件夹中提供的相同的basic.js和basic.css代码。我有一个指向框架中所有turn.js文件的服务器路径。我只将yepnope部分中的三个文件的路径更改为服务器路径。jquery和Modernizer是通过服务器引用的。我可以看到所有的js和css文件都从服务器加载到浏览器中

错误：

TypeError: parent.offset(...) is null
data.fwrapper = $('<div/>', divAtt(parent.offset().top, parent.offset().left)).

TypeError:parent.offset（…）为空
data.fwrapper=$（''，divAtt（parent.offset（）.top，parent.offset（）.left））。

HTML代码：

<!doctype html>
<!--[if lt IE 7 ]> <html lang="en" class="ie6"> <![endif]-->
<!--[if IE 7 ]>    <html lang="en" class="ie7"> <![endif]-->
<!--[if IE 8 ]>    <html lang="en" class="ie8"> <![endif]-->
<!--[if IE 9 ]>    <html lang="en" class="ie9"> <![endif]-->
<!--[if !IE]><!--> <html lang="en"> <!--<![endif]-->
<head>

<meta name="viewport" content="width = 500, user-scalable = no" />
</head>
<body>

<div class="flipbook-viewport">
    <div class="container">
        <div class="flipbook">
            <div> Turn.js </div>
                    <div> Page 1 </div>
                    <div> Page 2 </div>
        </div>
    </div>
</div>

<script type="text/javascript">

function loadApp() {

    // Create the flipbook

    $('.flipbook').turn({
            // Width

            width:922,

            // Height

            height:600,

            // Elevation

            elevation: 50,

            // Enable gradients

            gradients: true,

            // Auto center this flipbook

            autoCenter: true

    });
}

// Load the HTML4 version if there's not CSS transform

yepnope({
    test : Modernizr.csstransforms,
    yep: ['/apps/chacha/components/content/flipbook/clientlibs/js/turn.js'],
    nope: ['/apps/chacha/components/content/flipbook/clientlibs/js/turn.html4.min.js'],
    both: ['/apps/chacha/components/content/flipbook/clientlibs/css/basic.css'],
    complete: loadApp
});

</script>

</body>
</html>


Turn.js
第1页
第2页
函数loadApp（）{
//创建动画书
$（“.flipbook”）。转({
//宽度
宽度：922，
//高度
身高：600，
//仰角
标高：50，
//启用渐变
梯度：对，
//“动画书”自动居中
自动中心：真
});
}
//如果没有CSS转换，请加载HTML4版本
耶普诺普({
测试：现代化CSTRANSFORMS，
是：['/apps/chacha/components/content/flipbook/clientlibs/js/turn.js']，
否：['/apps/chacha/components/content/flipbook/clientlibs/js/turn.html4.min.js']，
两者：['/apps/chacha/components/content/flipbook/clientlibs/css/basic.css']，
完成：loadApp
});