我正在使用jquery mobile 1.1.1和jquery core 1.7.1。问题是,当我尝试打开一个对话框时,它无法正常工作。相同的代码适用于jquery mobile 1.0.1。我已经尝试过使用jquery核心1.8.0,但这确实没用。有人可以帮忙吗? 。这是jsfiddle链接:http://jsfiddle.net/zteV3/18/
答案 0 :(得分:0)
尝试以下方法:
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.1/jquery.mobile.structure-1.1.1.min.css" />
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.css" />
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.js"></script>
<div id="home" data-role="page">
<div data-role="content">
<a href="#payments" data-rel="dialog" data-role="button" data-transition="pop">Open dialog</a>
</div>
</div>
<div id="payments" data-role="page" data-url="payments">
<div data-role="content">
<p>Some Content Here</p>
<a href="#home" data-role="button">Close</a>
</div>
</div>
您的CSS引用(在<link>
标记中)未正确定义。
我在jsfiddle上测试过它现在工作正常;)