jQuery手機圖片數組。如何添加另一個div與圖像數組？

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

/..some code../ 

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

當我運行此代碼，然後在平板電腦上是DIV1空間輕掃，它的開關我相似圖片它想。jQuery手機圖片數組。如何添加另一個div與圖像數組？

誰能告訴我，我該怎麼申報jQuery的另一個DIV2？

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

我使用jQuery手機。當我用手指交換平板電腦上的#div時，它會循環顯示圖像（exp。img1.jpg - img2.jpg）。我現在想要做的是我在HTML中創建了另一個#div，並且我需要添加另一個圖像數組。我不知道如何。任何幫助是極大的讚賞。

謝謝。

來源

2012-06-20 crashtestxxx

$(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-21 01:23:46 crashtestxxx

你能解釋一下嗎？假設代碼$objImage = $("#div2) $ary = aryimageSet2;是什麼意思？（你缺少"#div2->"<-後雙引號）

來源

2012-06-20 01:56:50

這代碼只是一個例子，我需要在jQuery的文件中添加，我的第二個div工作。 – crashtestxxx

你可以嘗試clone方法：

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

然後通過圖像URL陣列環和設置圖像ATTR的在新的div：

$div2.find('img').each(function(index) { 
    $(this).attr('src', aryimageSet2[index]); 
});

來源

2012-06-20 02:16:34 ckundo

謝謝你試圖幫助我。現在，當我從任何div（＃div1＆＃div2）中滑動時，它們都循環遍歷相同的「aryimageSet1」陣列圖像。我需要＃div2從「aryimagesSet2」循環。 – crashtestxxx

我在我的例子中找不到任何問題，它在我認爲你描述的場景中在本地運行時起作用。儘量確保第二圖像數組變量設置正確（也許避免使用相同的變量名） – ckundo

好吧，我需要$ objImage = $（「＃DIV1」）$ =元aryimageSet1;和$ objImage = $（「＃div2」）$ ary = aryimageSet2;把它們放在一起。如果我將它們放在這個順序中，瀏覽器將只讀取＃div2。在滑動時，它們都只會循環＃div2。這與我在嘗試使用上述建議時所得到的完全一樣。我需要的是滑動＃div1循環 - aryimageSet1，當我滑動＃div2它會循環 - aryimageSet2圖像。 – crashtestxxx

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

，創建一個新的div元素。然後，您可以操作該元素並將其插入到DOM中（或者按照您的計劃進行操作）。

來源

2012-06-20 22:17:16

jQuery手機圖片數組。如何添加另一個div與圖像數組？

回答

相關問題