jQuery移动多页内部
我搜索了一下，所有可能对我有帮助的多页面引用都是多年前的和一个古老的jqm版本。
澄清一下：内部页面是一个托管在单独文件中但位于同一服务器上的页面，与我的索引位于同一目录中。html。外部页面将托管在不同服务器/域上的单独文件中。
我的目标是：我有一个应用程序，它作为一个单一的文档多页面，看起来很胖。它有大约20个页面（div-data-part=page）。我想把这些页面中的大部分放在内部页面中（因此将文件与主index.html页面托管在同一位置）。
这块指引我...
http://demos.jquerymobile.com/1.4.5/navigation-linking-pages/
要启用动画页面转换，所有指向外部页面（例如products.html）的链接都将通过Ajax加载。为了不引人注目地做到这一点，框架解析链接的href以制定Ajax请求（Hijax），并显示加载微调器。所有这些都是由jQuery Mobile自动完成的。
如果Ajax请求成功，新页面内容将添加到DOM中，所有移动小部件都将自动初始化，然后通过页面转换将新页面动画化到视图中。
所以也许我误解了在jqm中有内部页面——当我希望通过ajax加载页面时，我得到了页面刷新。
我有两页，一个索引。锚定到m1的html页面。html。我在查看索引时会想到这一点。html，然后单击m1。html，URL会神奇地将我的div data role=页面的内容拉入我的索引。html DOM并给我一个类似于索引的URL。html#m1
相反，当我点击m1链接时，我得到一个页面刷新和URL更改为m1.html
有人能澄清我的（错误）理解吗？
指数html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="format-detection" content="telephone=no" />
<meta name="viewport" content="user-scalable=no, initial-scale=1, width=device-width" />
<link href="/css/jquery.mobile-1.4.5.min.css" rel="stylesheet" type="text/css"/>
<link href="/css/jquery.mobile.icons.min.css" rel="stylesheet" type="text/css"/>
<script src="/jq/jquery-2.1.4.min.js" type="text/javascript"></script>
<script src="/jq/jquery.mobile-1.4.5.min.js" type="text/javascript"></script>
<title>My App</title>
</head>
<body>
<form>
<div data-role="page" id="Menu">
<div data-role="header" data-position="fixed" class="ui-title center">
Main PAGE
</div>
<div id="MainContent">
<ul data-role="listview">
<li><a href="m1.html">m1</a></li>
</ul>
</div>
</div>
</form>
</body>
</html>
m1.html
<div data-role="page" id="m1">
<div data-role="header" data-position="fixed" class="ui-title center"> ONE
</div>
<div id="MainContent">
<h1>one</h1>
<ul data-role="listview">
<li><a href="#Menu">Menu</a></li>
</ul>
</div>
</div>
共有1个答案
删除链接上的rel=“external”。这告诉jQM在加载页面时不要使用AJAX。
在此处查看更多信息：http://demos.jquerymobile.com/1.4.5/navigation-linking-pages/
指向其他域或具有rel=“external”、data ajax=“false”或target属性的链接将不会使用ajax加载。相反，这些链接将导致整个页面刷新，而没有动画转换。这两个属性（rel=“external”和data ajax=“false”）具有相同的效果，但语义不同：链接到另一个站点或域时应使用rel=“external”，而data ajax=“false”对于选择域内的页面不通过ajax加载很有用。由于安全限制，框架总是在Ajax行为之外选择指向外部域的链接。
-
我对jQuery移动锚有问题。当我点击带有某个锚的_blank链接时，我会重定向到新选项卡中的新页面并导航到锚链接。但是当页面完全加载时，页面跳转到页面顶部
-
正如标题所说，多html页面和多jquery-mobile页面哪个更好？ 强调： 我所说的多个html页面是指一个以index.html开始的应用程序，当你用你的应用程序导航时，它会将可见页面（通过href）更改为其他html页面，例如another.html，anotherone.html，anothertwo.html等等。 我所说的多个jquery移动页面就是这样一个。 此外，我的意思是更好
-
在使滚动系列事件正常运行方面存在问题（根本不符合设计）。已经浏览了所有关于此的文章、代码建议和其他帮助主题，但没有人能够解释为什么此示例根本不起作用： 基本页面html： 好的，如果复制粘贴，则需要替换包含文件，并且版本可能不同。对这种行为表示怀疑。当我取出jquery时。移动包含该脚本按预期工作，每当滚动位置改变时，都会将滚动注释记录到控制台中。 当我包含jquery.mobile页面加载时它会
-
如何将第二个页面显示为jQuery mobile多页面模板结构中的默认页面？
-
我已经实现了使用jQuery手机和java脚本iPhone和Android的电话缺口应用程序。 我的应用程序快完成了。 到目前为止，我使用的是单一索引。所有页面的html文件。 现在我需要为不同的页面使用不同的html文件 所以我为不同的页面创建了多个外部html文件，链接了参考文献，并将它们添加到www文件夹中。 因为我有一个列表视图，它的css不可见 主页：-参见索引中的和ref。html文件
-
我在Jackrabbit节点内容从一个路径移动到另一个路径时遇到了问题。 尝试将节点下的文档列表（从jcr中的临时节点）移动到新路径（新节点，不包含任何文档）。 节点是混合类型的。 以下是创建文档节点的部分代码片段： 节点类型说明： 希望使用jcr api本身移动内容，而不是让所有子节点迭代并移动到目标文件夹。 使用Jackrabbit core 2.6.0和JCR 2.0。