Проблема выбора элемента HTML в Jquery Mobile

Question

При работе с jquery mobile возникла странная проблема с сетками контента.

В контентной сетке была скрытая переменная и изображение, которым я хотел манипулировать.

Мой код был-

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

этот фрагмент работал локально; но не на сервере.

Затем изменив его на следующее, заставил его работать -

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

идентификатор элементов абсолютно УНИКАЛЬНЫЙ и использует jquery mobile beta 1.0.

В чем может быть проблема?

Answer 1

Поскольку я не знаю точного контекста, я не могу сказать точно.Но в целом, когда вы используете фреймворки, такие как jQuery Mobile, вам следует избегать выбора элементов HTML в дереве DOM, используя их значение атрибута id.

Как объясняется здесь команда Rhomobile (в разделе «Важные заметки!») имеет отношение к тому, как такого рода фреймворки выполняют кэширование страниц.

Надежный способ выбора какого-то точного элемента с помощью jQuery (при использовании фреймворковнапример, jQuery Mobile):

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