Проблема выбора HTML-кода JQuery Mobile

Question

При работе с jQuery mobile возникла странная проблема с сетями содержимого.

В рамках контент-сетки, которую я хотел манипулировать, была скрытая переменная &.

Мой код was-

$('#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 мобильных бета 1.0.

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

Answer 1

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

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

Надежный способ выбрать некоторый точный элемент с JQuery (при использовании структур, таких как JQuery Mobile) является:

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