1 
var aryimageSet1=["img1.jpg","img2.jpg"];
var aryimageSet2=["img3.jpg","img4.jpg"];

/..some code../

$objImage = $("#div1")
$ary = aryimageSet1;

このコードを実行し、タブレットでその div1 スペースをスワイプすると、想定どおりに画像が切り替わります。

jQueryで別のdiv2を宣言するにはどうすればよいですか？

$objImage = $("#div2")
$ary = aryimageSet2;

jQueryモバイルを使用しています。タブレットで特定の #div を指でスワップすると、画像がループします (exp. img1.jpg - img2.jpg)。私が今やろうとしているのは、HTML に別の #div を作成し、別の画像配列を追加する必要があることです。そして、どうすればよいかわかりません。どんな助けでも大歓迎です。

ありがとうございました。

4

4 に答える 4

0 
var $newDiv = $('<div id="div2">');

これにより、新しいdiv要素が作成されます。次に、その要素を操作してDOMに挿入できます（または、これを使用するために計画したことをすべて実行できます）。

于 2012-06-20T22:17:16.097 に答える
0

もう少し説明してもらえますか？コード$objImage = $("#div2) $ary = aryimageSet2;はどういう意味だと思いますか？（後に二重引用符がありません"#div2->"<-）

于 2012-06-20T01:56:50.110 に答える
0

クローン方法を試すことができます：

$div2 = $("#div1").clone().attr('id', 'div2');

次に、画像の URL 配列をループして、新しい div に画像属性を設定します。

$div2.find('img').each(function(index) {
  $(this).attr('src', aryimageSet2[index]);
});
于 2012-06-20T02:16:34.400 に答える
0 
$(document).on('swipeleft swiperight', '.swipe', function (e) {
    switch(e.target.id) {
        case "swipe1_id":
            $objImage = $("#div1")
            $ary = aryimageSet1;
           break;
         case "swipe2_id":
            $objImage = $("#div2")
            $ary = aryimageSet2;
           break;
     }
 }

HTML

<div id="swipe1_id" class="swipe"></div>
<div id="swipe2_id" class="swipe"></div>

自分で問題を解決しました:)完璧かどうかはわかりませんが、私にとってはうまくいきます。私の質問がわかりにくかったら申し訳ありません。

于 2012-06-21T01:23:46.190 に答える