Question

我的方案是最初只加载7个项目，当用户点击“下一步”按钮时，将进行数据库调用，我需要获取接下来的7个项目。

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

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
}

为什么会出现这种情况？我如何继续实现我的功能？

Answer 1

我能想到的两个选择：

1）在首先触发的下一个按钮上添加一个单独的点击事件，加载内容然后触发插件回调。

2）开始加载8个项目。我不确定这是否会导致我们网站出现问题，但如果您有第8项，那么您将始终领先一步。

在你的情况下，这些都不可行吗？

jCarousel - 当没有要加载的项目时，不会调用buttonNextCallback

1 个答案: