2013-03-03 7 views
0

我一直有這個錯誤,當我試圖實現swipe.jsswipe.js遺漏的類型錯誤:對象#<HTMLDivElement>有沒有方法「下一步」

Uncaught TypeError: Object #<HTMLDivElement> has no method 'next' 

我通過AJAX加載內容

jQuery的:

var container = $("#wrapper"); 

    url = this.href + " .span9"; 

    container.load(url, function(){ 
     var $galNav = $("<a href='#' onclick='slider.prev();return false;'>prev</a> <a href='#' onclick='slider.next();return false;'>next</a>"); 
     container.append($galNav); 
     window.mySwipe = new Swipe(document.getElementById('slider')); 
    }); 

的HTML我加載:

<div id='slider'> 
    <ul> 
    <li style='display:block'>1</li> 
    <li style='display:none'>2</li> 
    <li style='display:none'>3</li> 
    <li style='display:none'>4</li> 
    <li style='display:none'>5</li> 
    </ul> 
</div> 

我跟着swipe.js,但我不知道爲什麼我有這個錯誤並不起作用

+0

'slider.next()'在ID爲'slider'的元素上調用方法'next'。 DOM元素沒有「next」方法。 – 2013-03-03 19:45:16

+0

謝謝,但我不知道我現在應該做什麼,我跟着他們說什麼,我錯過了什麼? – 2013-03-03 19:46:20

+1

改爲使用'window.mySwipe.next()'。請參閱「API和要求」選項卡。它看起來像你複製了他們的HTML。在他們實際使用的頁面上,var slider = new Swipe(document.getElementById('slider'),...);'。 – 2013-03-03 19:51:03

回答

1

slider是一個DOM元素,沒有next功能。您可能需要參考滑動對象:

mySwipe.next(); 
+0

賓果!非常感謝 – 2013-03-03 19:54:10

相關問題