создание объектов с помощью swipe.js - PullRequest
Новая
       3

создание объектов с помощью swipe.js

1 голос
/ 13 января 2012

Используя 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));

}

: У меня проблемы с предыдущими и следующими ссылками. Я подозреваю, что это может быть связано со следующей строкой:

новый Swipe (document.getElementById ('swipe-div-' + item.i));

, который не инициализирует объект смахивания должным образом.

Когда я нажимаю на предыдущий или следующий, я получаю следующую ошибку в консоли Javascript:

"Uncaught SyntaxError: неожиданный токен ILLEGAL"

Как я могу это исправить?

1 Ответ

1 голос
/ 20 января 2012

Хорошо, поскольку никто не ответил на этот вопрос, я понял, как решить свою проблему:

Вместо генерации и добавления текстовых строк я просто создал структуру, используя 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;
    }
}

Проще было идти по этому пути, и теперь он прекрасно работает.

...