Question

我正在使用JQuery Mobile和MVC4。

MARKUP：

<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页基本与上述相同。

Answer 1

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

JQuery Mobile：页面导航并不总是有效

1 个答案: