- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我们有一个带有两个 View 的单页应用程序(本质上是一个项目列表和所选项目的详细信息页面)。两个 View 都在单独的 html 文件中,我们使用 sammy.js 在页面之间进行转换/导航。在我们尝试将 jQuery Mobile 添加到组合中之前,一切都运行良好。现在,当我们导航到第二个页面(详细信息页面)时,jQuery Mobile 没有设置页面样式。
我们的工作应用程序没有按照 jQuery Mobile 的多页面模板的描述进行设置(即,将所有页面 div 放在同一个 html 文件中,并使用它们的导航系统通过 AJAX 将链接页面加载到 DOM 中)。但是,有没有可能有单独的页面,使用 jQuery Mobile 导航以外的东西,并且第二页仍然有 jQuery Mobile 样式?或者,有没有办法强制 jQuery Mobile 设置第二页的样式?
这里有一些代码片段,希望有助于展示我们正在做的事情。 (注意:我们还使用 ASP.NET razor View 。)
索引.cshtml
<body>
@RenderPage("Views/items.cshtml")
@RenderPage("Views/item.cshtml")
@Scripts.Render("~/bundles/jquery")
<script>
$(document).bind("mobileinit", function () {
$.mobile.ajaxEnabled = false;
$.mobile.hashListeningEnabled = false;
$.mobile.pushStateEnabled = false;
$.mobile.loader.prototype.options.text = "loading. please wait...";
$.mobile.loader.prototype.options.textVisible = true;
});
</script>
@Scripts.Render("~/bundles/jquerymobile", ...)
</body>
items.cshtml(此页面已正确加载和呈现)
<section id="items-view" class="view" data-role="page">
<section data-role="header">
....
</section>
<section data-role="content">
(navbars, ULs, LIs, etc. are here, with each LI a link to go to the details page)
</section>
<section data-role="footer">
....
</section>
</section>
item.cshtml(此页面已加载但未正确呈现,没有 jQuery Mobile 样式)
<section id="item-view" class="view" data-role="page">
<section data-role="header">
....
</section>
<section data-role="content">
(ULs, LIs, listboxes, textboxes, etc. are here)
</section>
<section data-role="footer">
....
</section>
</section>
router.js(用于页面间路由)
....
navigateTo = function (url) {
sammy.setLocation(url); // url = #/items or #/item/1234
},
....
在item页面的js文件中,我们尝试过:
var $page = $("#item-view");
//$page.trigger("create");
//$page.listview("refresh");
//$page.page(); (this one kind of work but doesn’t style every object)
//$page.page("refresh", true);
但还没有任何东西可以正确和完整地工作。
那么,再一次,考虑到我们的情况,有没有办法让 jQuery Mobile 多页面应用程序具有实际的独立物理文件,并让所有页面都正确设置样式?或者是否有一种编程方式强制 jQuery Mobile 正确设置所有页面的样式?
谢谢。
最佳答案
jquery mobile 不会从您的第二页加载所有内容。当您需要使用 JQM(或它的 ajax 方法)的新页面时,它会加载您页面的部分 DOM 并将所有内容放在
<div data-role="page" id="yourPageID"></div>
所以您可以简单地尝试将您的样式表置于“数据 Angular 色”之下,如下所示:
<div data-role="page" id="yourPageID">
<link rel="stylesheet" href="yourStyleSheetLink.css" />
</div>
然后,当 JQM 需要一个新页面时,您的样式表将被加载。
作为一个不会说英语的人,我希望你能理解我的话:)
关于javascript - jQuery 手机 : Multi-Page Application with Separate Pages: Second Page not Getting Styled,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13259891/
这个问题在这里已经有了答案: Joining elements of a list in GNU Make (3 个回答) 2年前关闭。 我有这个: FOO = foo1 foo2 ... fooN
我们有两种产品在客户现场实现,其中一个需要另一个在场。我在与附加组件所需的数据库对象的主要产品相同的数据库中实现了一个单独的模式。因为该附加组件理论上也可以成为 future 产品的附加组件(尽管目前
它的作用:这是一个 Android 应用程序,将模仿我的团队正在创建的网站 apdata.info。这是第二页,它将显示符合他们请求的搜索的机场。 PHP ... $sql = "SELECT apn
我在 Angular 4 中使用 slider 。下面是我的 HTML 代码: Actual/Optimised
Linux RHEL5 机器 如何对以下输入进行排序以在 latest 变量中获取 1.0.0.1019?尝试了 -t、-k 和 -n 但没有帮助,或者可能是我遗漏了什么。 $ echo '1.0.0
因此,我有一个值为“app、beta、theta”的单元格,我想查看填充有上述单元格的列是否包含我的单元格值。例如:AA 列有这些单元格:“app”; “theta,应用程序”; “theta,app
我想读取一个包含多个(未终止的)Kafka 主机的字符串,并使用 cmd for 将它们列出在单独的行中。 字符串如下: host1:9092,host2:9092,host3:9092,... 我所
我突然想到,例如,假设我们有二维 N 点的训练数据。我们知道我们总是可以天真地构建一个决策树,以便我们可以对每个数据点进行分类。 (可能我们过拟合了,深度可以到2N) 但是,我们知道如果数据集是线性可
我知道这是一件奇怪的事情,但现在我正在构建一个测试项目,并且我将正在测试的应用程序的几个区域/容器分开在不同的类中,如保持组织的措施。因此,如果我想将一个元素从区域 A 拖动到区域 B,我必须将 D&
你好, 在编写 XSLT 样式表时,我遇到了一个无法解决的问题。我的基本 XML 结构如下 我想打印所有列的名称。因此,我使用了以下语句(我正在遍历所有 nonUniqueConstr
单一职责原则和关注点分离有什么区别? 最佳答案 Single Responsibility Principle (SRP)- give each class just one reason to ch
如何获取指定文件/文件夹路径的文件分隔符? 在Java中,我们可以这样写 File f = new File("C:\\MyFolder\\MyText.txt"); 请记住,这是一种文件表示(该文件
我正在开始开发一个新程序(用于学校项目),其中用户登录并有一个类似“时间线”的页面。目前它是一个简单的命令行 C 项目。 我想通过以下方式将数据存储在文本文件中: # Message here
我正在将 UIView(作为容器 View )添加到 UITableViewController。出于某种原因,UITableView 分隔符通过 UIView 可见。我运行的是 iOS 7。 UIV
产品代码在 UNIX 上运行,但需要在 Windows 上运行本地 DEV。 当前代码从数据库获取 UNIX 格式的路径,然后使用 file.separator 在该路径上构建,它添加了窗口分隔符,导
我正在使用 Eclipse 和本地服务器(如 XAMPP)在 Windows 中开发我的企业应用程序项目。 要从文件系统(部署文件夹外部)加载配置,我使用: String dataOrdner = S
我刚刚使用 iTextSharp 从 pdf 中获取所有文本,现在我需要将该文本拆分为单词。我以前使用 Acrobat 库,它会自动将它分成单词(使用 getPageNthWord())。 我不知道使
在WPF的集合控件中常常需要在每一个集合项之间插入一个分隔符样式,但是WPF的ItemsControl没有相关功能的直接实现,所以只能考虑曲线救国,经过研究,大概想到了以下两种实现方式。 先写出I
出现如下错误 Groovy script throws an exception of type class java.util.regex.PatternSyntaxException with m
请问有没有语法来分隔“for”标签中的某些元素? 例如我有一个用户列表,我想用“-”分隔符显示他们的用户名,所以预期的结果是:Mickael - Dave - Chris - ... 我找到了这个解决
我是一名优秀的程序员,十分优秀!