Jquery Mobile,不工作的对话框
Jquery Mobile, not working dialog
我不明白为什么这个对话框不工作。我正在使用jqm 1.3
<a href="#foo" data-rel="dialog">Open dialog</a>
<div id="foo" data-role="dialog">
<div data-role="header" data-theme="d">
<h1>Dialog</h1>
</div>
<div data-role="content">
<h1>Delete page?</h1>
<p>This is a regular page, styled as a dialog. To create a dialog, just link to a normal page and include a transition and <code>data-rel="dialog"</code> attribute.</p>
<a href="dialog/index.html" data-role="button" data-rel="back" data-theme="b">Sounds good</a>
<a href="dialog/index.html" data-role="button" data-rel="back" data-theme="c">Cancel</a>
</div>
</div>
我已经添加了"head"
<script src="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.js>
你需要包装你的锚标记调用对话框内的页面div如下所示。
<div data-role="page">
<div data-role="content">
<a href="#foo" data-rel="dialog">Open dialog</a>
</div>
</div>
<div id="foo" data-role="dialog">
<div data-role="header" data-theme="d">
<h1>Dialog</h1>
</div>
<div data-role="content">
<h1>Delete page?</h1>
<p>This is a regular page, styled as a dialog. To create a dialog, just link to a normal page and include a transition and <code>data-rel="dialog"</code> attribute.</p>
<a href="dialog/index.html" data-role="button" data-rel="back" data-theme="b">Sounds good</a>
<a href="dialog/index.html" data-role="button" data-rel="back" data-theme="c">Cancel</a>
</div>
</div>
您可以查看示例Live fiddle
相关文章:
- 如何在批准露天共享中工作流的审核步骤之前添加确认对话框
- Jquery对话框('打开')不工作
- jquery如何让这个对话框的“确定”按钮工作
- 选中的单选按钮在jQuery模式对话框中不能正常工作
- 如何让Knockout可观察数组与jQuery对话框一起工作
- Dropzone插件在jQuery对话框中工作
- Jquery 移动对话框关闭无法正常工作
- 自定义确认对话框无法正常工作
- jQuery 模式对话框在刷新后的第一页上工作正常,但在此之后的任何其他页面上都无法正常工作,除非刷新
- jquery对话框导致其他函数无法工作
- AngularUI模式对话框不工作
- jQUery UI对话框-它能像iFrame一样工作吗
- jquery对话框没有'我在手风琴mvc剃须刀上工作
- Facebook JavaScript发送对话框,回调函数工作不正确
- JavaScript Conform对话框不工作,如果我放入Asp.Net验证控件
- [ASP.NET]Jquery UI模式对话框不工作
- JQuery Alertify确认对话框工作不正常
- Facebook请求对话框可在Chrome中工作,但不能在IE中工作
- JQuery UI对话框正在显示,而不是作为对话框工作
- Jquery -确认对话框-工作php代码