0

我正在使用 JQuery Mobile 和 MVC4。

标记:

<div data-role="page" data-theme="d" id="main">
    <div data-role="header">
        <h1>Test Page</h1>
    </div>
    <div data-role="content">
        <h2>Test Page</h2>

        <ul data-role="listview" data-inset="true">
            <li data-role="list-divider">Navigation</li>
            <li><a href="#Page1">Page 1</a></li>
            <li><a href="#Page2">Page 2</a></li>
        </ul>
    </div>
</div>

@Html.Partial("Page1")

@Html.Partial("Page2")

假设这是在localhost\subpage. 当我直接导航到 时localhost\subpage,一切都很好,我可以在页面之间导航。但是,如果我通过链接从另一个页面转到此页面,则导航不再起作用..我无法导航到#page1#page2不再..当我使用 Firebug 时,我可以看到页面甚至不在 DOM 中.. . 而在第一种情况下(直接 URL),我可以看到它们在那里但隐藏起来,因为它们应该是。

我在这里想念什么?

编辑

页面内容按要求:

<div data-role="page" data-theme="d" id="Page1" data-url="Page1">
    <div data-role="header">
        <h1>Page 1</h1>
    </div>
    <div data-role="content">
    <p>This is page 1</p>
</div>

第2页与上面基本相同。

4

1 回答 1

0

解决方案是添加data-ajax="false"到锚标记。现在工作正常...

于 2013-02-27T11:13:42.550 回答