Jquery Mobile HTML元素选择问题

Question

在使用 jquery mobile 时，遇到了一个奇怪的内容网格问题。

在内容网格中有一个隐藏变量和一个图像，我想对其进行操作。

我的代码是-

$('#ratings').val($rate);
$('#ratingStar_'+$i).attr('src', 'images/star_icon.png');

这个 sn-p 在本地工作；但不在服务器中。

然后将其修改为以下，使其工作-

$('.ui-grid-a .ui-block-b #ratings').val($rate);
$('.ui-grid-a .ui-block-b #ratingStar_'+$i).attr('src', 'images/star_icon.png');

元素的 id 绝对是唯一的，并且使用的是 jquery mobile beta 1.0。

可能是什么问题？

Answer 1

由于我不知道确切的上下文，我无法确定。但一般来说，当您使用 jQuery Mobile 等框架时，应避免使用其id 属性值来选择 DOM 树中的 HTML 元素。

正如 Rhomobile 团队 here 所解释的（在“重要说明！”部分），它与此类框架执行页面缓存的方式有关。

使用 jQuery 选择某些精确元素的可靠方法（使用 jQuery Mobile 等框架时）是：

// this code will return exact span element from the current active page
var ratingsElement = $("div.ui-page-active span.ratings");