Javascript 使用swipe.js生成滑动对象

使用swipe.js（www.swipejs.com），我想将其附加到生成的div

在Javscript循环中，我将执行以下操作：

$.each( data, function( i, item)  {

resultHtml = '<div id="swipe-div-' + item.i  + '" class="swipe">' +
'<ul>' +
'<li>Test 1<li>' +
'<li>Test 2<li>' +
'</ul></div>' +
'<a href="#" onclick="swipe-div-' + item.i + '.prev();return false;">prev</a>' +
'<a href="#" onclick="swipe-div-' + item.i + '.next();return false;">next</a>';

$('div#results').append( resultHtml );

new Swipe(document.getElementById('swipe-div-' + item.i));

}

$。每个（数据、功能（i、项）{
结果TML=''+
“
”+
“
测试1
”+
“
测试2
”+
“
”+
'' +
'';
$（'div#results'）.append（resultHtml）；
新的滑动（document.getElementById（'Swipe-div-'+item.i））；
}

：我的上一个和下一个链接有问题。我怀疑这可能与以下行有关：

新的滑动（document.getElementById（'Swipe-div-'+item.i））

未正确初始化滑动对象

单击prev或next时，Javascript控制台中出现以下错误：

“未捕获的语法错误：意外标记非法”

---

我该如何解决这个问题？

好的，既然没有人回答这个问题，我就想办法解决我自己的问题：

我没有生成和追加文本字符串，而是使用document.createElement和appendChild创建了结构

在创建结构的最后，我添加了以下代码：

var slider = new Swipe(document.getElementById('result-' + item.i));
clickPrev(slider, prev);
clickNext(slider, next);

并增加了以下功能:

function clickNext(swipeObj, link) {
    link.onclick = function () {
        swipeObj.next();
        return false;
    }
}

function clickPrev(swipeObj, link) {
    link.onclick = function () {
        swipeObj.prev();
        return false;
    }
}

---

这样做比较容易，现在效果很好。

好吧，既然没有人回答这个问题，我就想办法解决我自己的问题：

我没有生成和追加文本字符串，而是使用document.createElement和appendChild创建了结构

在创建结构的最后，我添加了以下代码：

var slider = new Swipe(document.getElementById('result-' + item.i));
clickPrev(slider, prev);
clickNext(slider, next);

并增加了以下功能:

function clickNext(swipeObj, link) {
    link.onclick = function () {
        swipeObj.next();
        return false;
    }
}

function clickPrev(swipeObj, link) {
    link.onclick = function () {
        swipeObj.prev();
        return false;
    }
}

这样做比较容易，现在效果很好