移动应用和JQM的奇怪CSS问题

时间:2013-01-26 03:05:09

标签: css jquery-mobile

我不认为这与JQM有关,但可能只是CSS。

我有一个非常基本的移动网页,它加载了正确的CSS。这个页面上有一个链接链接到一个类似的页面,但是有一个不同的css引用..但是在我点击刷新之前它不会应用css。我用iphone浏览器测试了这个。

任何有类似问题的人或看过这个?

1 个答案:

答案 0 :(得分:0)

默认情况下,JQM的工作方式是通过ajax加载每个链接的页面,“加载”的第一页内部。 这是在幕后完成的。

如果您想加载不同的内容,最快的方法是使用

将链接设为“外部”链接
<a href="location.html" rel="external">click here</a>

这就是我知道它肯定不会使用ajax的方式。不幸的是,这会禁用整齐的页面更改效果。

在文档中,它说你应该使用

<script>
$(document).ready(function() {
    // disable ajax nav
    $.mobile.ajaxLinksEnabled = false;
});
</script>

但这对我来说并不总是有效。

请记住,Everything已重新加载,因此您必须在“新”页面中包含所有javascript和css。

另一种实现要求的方法是在所有页面上加载两个Css文件,并使用javascript到媒体标签在它们之间切换。

希望这会有所帮助。我花了很长时间想出一种让jqm像经典网站一样工作的方法。