JQuery Mobile链接到与对话框相同的页面上的div

时间:2011-03-21 15:08:21

标签: jquery-mobile

我的页面上有这个链接:

<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重定向而不是打开该对话框。

我做错了什么?

1 个答案:

答案 0 :(得分:1)

代码对我来说很好......

您是否动态地将该链接添加到您的页面?因为如果是这样,也许JQuery Mobile无法识别data-rel =“dialog”属性。如果是这种情况,您应该能够简单地在页面上调用.page()方法让JQuery Mobile做它的事情。