Javascript 当没有更多要加载的项时,不会调用jCarousel-buttonNextCallback

Javascript 当没有更多要加载的项时,不会调用jCarousel-buttonNextCallback,javascript,asp.net,jquery,events,jcarousel,Javascript,Asp.net,Jquery,Events,Jcarousel,我的方案是最初只加载7项,当用户单击“下一步”按钮时,将进行DB调用,我需要获取接下来的7项 jCarousel上显示的默认项目数设置为7,最初我只加载7个项目。默认情况下,“上一步”和“下一步”按钮都将被禁用,因为没有更多的项目可滚动。我以编程方式启用了“下一步”按钮,在浏览器中查看时,它看起来已启用。但是,当我单击“Next”按钮时,相应的事件处理程序不会被触发。但是,如果我填充了7个以上的项目并单击“下一步”按钮,则会调用事件处理程序 function BindItems() { $("

我的方案是最初只加载7项,当用户单击“下一步”按钮时,将进行DB调用,我需要获取接下来的7项

jCarousel上显示的默认项目数设置为7,最初我只加载7个项目。默认情况下,“上一步”“下一步”按钮都将被禁用,因为没有更多的项目可滚动。我以编程方式启用了“下一步”按钮,在浏览器中查看时,它看起来已启用。但是,当我单击“Next”按钮时,相应的事件处理程序不会被触发。但是,如果我填充了7个以上的项目并单击“下一步”按钮,则会调用事件处理程序

function BindItems()
{
 $("#divItems").jcarousel({
   buttonNextCallback:MyNext,
   buttonPrevCallback:MyPrev});
}

function MyNext()
{
 alert("Next");
 // Planned to make a AJAX call to fetch next 7 items here
}

function MyPrev()
{
 alert("Prev");
 // Planned to make a AJAX call to fetch previous 7 items here
}

为什么会有这种行为?我需要如何继续实现我的功能?

我可以想到两个选项:

1) 在“下一步”按钮上添加一个单独的单击事件,首先触发该按钮,加载内容,然后触发插件回调

2) 加载8个项目开始。我不确定这是否会在我们的网站上引起问题,但如果你有第8项,你总是领先一步


在您的情况下,这两种方法都不可行吗?

您能详细解释一下第一种方法吗?我找不到任何有助于我加载内容的事件。唯一的希望似乎是buttonNextCallback和ButtonPrevCallback我已经看过了插件本身,它在启动时为DOM添加了很多信息。我觉得它最终可能会成为一个相当强大的功能,以获得您想要的功能。你需要使用jCarousel吗?我怀疑使用jQuery Cycle可能更容易,因为它已经有了这个选项:。请注意,您可以使用此插件循环任何内容,因此每7个项目可以有一个容器,并循环使用容器。对不起!离开JCarousel并不容易:(