Jquery Mobile HTML要素の選択に関する問題

Question

jquery mobileを使用しているときに、コンテンツグリッドに奇妙な問題が発生しました。

私が操作したいコンテンツグリッド内に隠された変数&がありました。

私のコードは次のスニペットがローカルに働い

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

をwas-。サーバー内のではなくです。

それは要素のID

$('.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などのフレームワークを使用する場合は、DOMツリーでHTML要素を選択するのを避ける必要があります（id属性値を使用）。

Rhomobileチーム（「重要な注意事項」セクションを参照）によってhereが説明されているように、このような種類のフレームワークがページキャッシングを行う方法と関係があります。

（例えばjQueryのモバイルなどのフレームワークを使用した場合）jQueryを使っていくつかの正確な要素を選択するための信頼できる方法は次のとおりです。

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