0

#div_xが別の要素img_xに関連付けられるように、スクリプトを要約するのに助けが必要です。

私のプロジェクトでは、ui-selectableを使用してマップ上のポイントを取得し、jqueryサイクルを介して別のdivに設定された画像を返します（ここではhttp://bit.ly/gH7Lm3のように）。

'selectablestop'イベントを2つの関数（.hasClassと.append）にバインドして、1）ポイントが選択されているかどうかを検出し、2）含まれているサイクルdivに対応する画像を追加します（ちなみに、自分のdiv）。現状では、次のようになります。

$("#selectable").selectable().bind("selectablestop", function(event, ui) {
if($('#point_a').hasClass('ui-selected')){
$('#cycle').append('<div id="pic"><img src="image_a.jpg" /></div>');}

if($('#point_b').hasClass('ui-selected')){
$('#cycle').append('<div id="pic"><img src="image_b.jpg" /></div>');}

if($('#point_c').hasClass('ui-selected')){
$('#cycle').append('<div id="pic"><img src="image_c.jpg" /></div>');}

、など。

私の質問：

point_aからimg_a、point_bからimg_bなどに一致する各行を書き出す代わりに、変数xを使用して、1つの引数でこれを達成できますか？つまり、

if($('#point_(variable)').hasClass('ui-selected')){
$('#cycle').append('<div id="pic"><img src="image_(matching variable).jpg" /></div>');}

ありがとう！私は良いアプローチを探すのにしばらく時間を費やしました。

4

1 に答える 1

0

このソリューションについては、Jquery フォーラムの rdworth に感謝します。

<li id="point_a" data-image="image_a.jpg">...</li>
<li id="point_b" data-image="image_b.jpg">...</li>


$( ".ui-selected" ).each(function() {
  $( "#cycle" ).append( "<div id='pic'><img src='" + $( this ).data( "image" ) + "'></div>" );
});
于 2011-03-31T20:04:24.590 に答える