Question

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 mobile。当我手指交换平板电脑上的某些#div时，它将循环图像（exp.img1.jpg - img2.jpg）。我现在要做的是在HTML中创建另一个#div，我需要添加另一个图像数组。而且我不确定如何。非常感谢任何帮助。

谢谢。

Answer 1

你能解释一下吗？代码$objImage = $("#div2) $ary = aryimageSet2;的含义是什么意思？（你在"#div2->"<-之后错过了双引号）

Answer 2

您可以尝试clone方法：

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

然后遍历图像url数组并在新div上设置图像attr：

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

Answer 3

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

这会创建一个新的div元素。然后，您可以操作该元素并将其插入到DOM中（或者执行您计划使用的任何内容）。

Answer 4

$(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>

解决了我自己的问题:)不确定它是否完美但它对我有用。如果我不清楚我的问题，我很抱歉。

jQuery移动图像数组。如何用图像数组添加另一个div？

4 个答案: