Javascript js将禁用jQuery移动CSS样式

Javascript js将禁用jQuery移动CSS样式,javascript,html,jquery-mobile,Javascript,Html,Jquery Mobile,根据惯例,我正在将一个初始化JavaScript文件导入我的jQuery移动页面 init.js $( document ).bind( "mobileinit", function() { // Make your jQuery Mobile framework configuration changes here! $.support.cors = true; $.mobile.allowCrossDomainPages = true; $.mobile.fa

根据惯例,我正在将一个初始化JavaScript文件导入我的jQuery移动页面

init.js

$( document ).bind( "mobileinit", function() {
    // Make your jQuery Mobile framework configuration changes here!
    $.support.cors = true;
    $.mobile.allowCrossDomainPages = true;
    $.mobile.fallbackTransition.slideout = "none"
});
page.html

<script src="jquery.js"></script>
<script src="init.js"></script>
<script src="jquery-mobile.js"></script>


出于某种原因,这会删除jQuery Mobile CSS中的所有样式?

必须按正确的顺序添加jQuery Mobile js和CSS文件。这可能是您的问题所在。希望下面的示例有所帮助

<link rel="stylesheet" href="jquery.mobile.css"/>
    <script src="jquery.js"></script>
    <script src="jquery-mobile.js"></script>
    <script src="init.js"></script>


当前缺少“init.js”的代码段
从调用
.bind()
的末尾开始。这只是问题中的一个输入错误,还是文件中也缺少了它?在
init.js
文件中完整的代码是什么?对不起,我添加了它。但是我在page.html中预料到了这个问题(参见Vinay的答案),感谢重新排序修复了它,我不知道为什么我一开始从未尝试过改变它。我是从jQuery移动文档中获得的(这意味着它的订单有误..):