Javascript 防止默认不工作循环通过<;李>;被移动的

Javascript 防止默认不工作循环通过<;李>;被移动的,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有一个滑块,我将它组织成一个,其中作为要循环的单个项目。只有第二个可见,如果向左滚动,它会将最后一个移走,放在前面,如果向右滚动,则反之亦然 这是密码笔: 滑块位于右侧,在“更多影响者”下。问题是,当我单击“跟随”链接时,它会像我所希望的那样更改CSS和文本,直到到达一个已删除并放置在另一端的。它不会阻止默认链接,只会重新加载页面 谢谢你的帮助 旋转滑块的功能位于第120行和第135行。更改文本和CSS背景颜色的函数位于第78行。每当使用remove()删除元素时,它将丢失其绑定,并且需要重新

我有一个滑块,我将它组织成一个
,其中
  • 作为要循环的单个项目。只有第二个
  • 可见,如果向左滚动,它会将最后一个
  • 移走,放在前面,如果向右滚动,则反之亦然

    这是密码笔:

    滑块位于右侧,在“更多影响者”下。问题是,当我单击“跟随”链接时,它会像我所希望的那样更改CSS和文本,直到到达一个已删除并放置在另一端的
  • 。它不会阻止默认链接,只会重新加载页面

    谢谢你的帮助


    旋转滑块的功能位于第120行和第135行。更改文本和CSS背景颜色的函数位于第78行。

    每当使用
    remove()
    删除元素时,它将丢失其绑定,并且需要重新绑定事件侦听器

    但是,如果使用
    appendTo()
    来移动它,则事件侦听器将保持不变

    另一种选择是使用
    detach()
    函数:

    var objectWithEvents = $('#old').detach();
    $('#new').append(objectWithEvents);
    
    您的情况甚至比删除更糟糕,因为您正在使用:

    html = $('element').html();
    newHtml = someEl.append('<li>'+html+'</li>');
    
    html=$('element').html();
    newHtml=someEl.append('
  • '+html+'
  • ');

    在127号线附近。这会使情况变得更糟,因为不仅要删除元素,还要获取其html内容,这使得保持事件侦听器与之关联更加困难。

    谢谢,我不知道remove()会丢失绑定。