我的页面上有这个链接:
<a href="#advOptions" data-role="button" data-rel="dialog" data-transition="slideup" data-icon="gear"></a>
它显示正确但在点击时应该呈现:
<div data-role="page" id="advOptions">
<div data-role="header">
<h1>Advanced Options</h1>
</div>
<div data-role="content">
<div data-role="fieldcontain">
<label for="stdDevs">Standard Deviations:</label>
<input type="textarea" name="stdDevs" id="stdDevs"/>
</div>
<div data-role="fieldcontain">
<label for="numsims">Number of Simulations:</label>
<input type="text" name="numsims" id="numsims" />
</div>
<div data-role="fieldcontain">
<label for="term">Forward Rate Data (in yrs):</label>
<input type="text" name="term" id="term" />
</div>
<div data-role="controlgroup" data-type="horizontal">
<fieldset class="ui-grid-a">
<button type="submit" data-theme="d" data-transition="pop" data-icon="delete">Reset</button>
<button type="submit" data-theme="a" data-transition="pop" data-icon="plus">Add</button>
</fieldset>
</div>
</div>
<div data-role="footer">
<h4>Chatham Financial</h4>
</div>
</div>
但它试图在我的控制器上调用不存在的advOptions
方法,看起来它只是尝试从基本URL重定向而不是打开该对话框。
我做错了什么?
答案 0 :(得分:1)
代码对我来说很好......
您是否动态地将该链接添加到您的页面?因为如果是这样,也许JQuery Mobile无法识别data-rel =“dialog”属性。如果是这种情况,您应该能够简单地在页面上调用.page()方法让JQuery Mobile做它的事情。