swipe.js Uncaught TypeError: Object #<HTMLDivElement> has no method 'next'答案

【问题标题】：swipe.js Uncaught TypeError: Object #<HTMLDivElement> has no method 'next'swipe.js Uncaught TypeError: Object #<HTMLDivElement> has no method 'next'
【发布时间】：2023-03-05 02:49:01
【问题描述】：

当我尝试实现 swipe.js 时，我一直有这个错误

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，但我不明白为什么会出现该错误并且无法正常工作

【问题讨论】：

slider.next() 在 ID 为 slider 的元素上调用方法 next。 DOM 元素没有方法 next。
谢谢，但我不确定我现在应该做什么，我按照他们说的做了，我错过了什么吗？
请改用window.mySwipe.next()。请参阅“API 和要求”选项卡。看起来你复制了他们的 HTML。在他们实际使用的页面上var slider = new Swipe(document.getElementById('slider'), ...);。
是的，你是正确的@FelixKling 谢谢

标签： javascript jquery

【解决方案1】：

slider 是一个 DOM 元素，没有 next 函数。您可能需要参考滑动对象：

mySwipe.next();

【讨论】：