Question

Jquerymobile做了一些非常酷的事情，使页面加载速度非常快，例如只是在新页面上加载内容。

我已经为标题中包含的body标签创建了一些自定义样式，例如：

<body class="<? echo $page;?>">

根据页面的不同，我会插入一个不同的类，它会加载不同的背景以保持有趣。

如果我点击链接然后转到这个新页面，我似乎看不到这个类有效，直到我刷新整个页面并强制重新加载所有内容。

问题是，如何才能使点击链接实际应用此类？我想知道我是否需要制作它以便按钮实际上将类添加到正文中，即：

$('insert-button-name').click(function(){

    $('body').addClass('insert-page-class');

});

我想我正在努力找出适当的方法来做到这一点，同时保持手机兼容的服务方式。我知道我在那里做的jquery适用于常规浏览器。

干杯

Answer 1

只需为每个data-role =“page”指定一个id。然后，在CSS中，只需指定像......

这样的规则

#home{  background-color:#FF0000; }
#login{ background-color:#00FF00; }

这为您提供了一种中央，非程序化，热插拔和可缓存的方式来管理您的颜色变化。从性能角度来看，DOM操作很昂贵，因此这也是一个更快的解决方案