jquery - 每次悬停滚动插件时如何运行ajax？

Question

当我不使用插件将 ajax 内容放入我的滚动 div 时，我可以这样做

$('.album').hover(function(){
    var id = $(this).attr('id');
    ajax request here
});

每次我将鼠标悬停在带有新 id 的 .album 上时，一组不同的内容将是特定于 id 编号的输入。但我必须使用插件才能使用 ajax，因为它必须执行其他功能才能使滚动工作。

所以我试试这个：

$('.album').hover(function(){
        var id = $(this).attr('id');
        $("#makeMeScrollable").smoothDivScroll({
             getContentOnLoad: { 
             method: "getAjaxContent",
             content: "albumphotos.php?id="+ id,
             manipulationMethod: "replace"
             }
        });
}); 

哪个完美，让滚动工作。但随后我滚动到具有不同 ID 的不同专辑，它不会重做请求并保持相同的 ID 和相同的内容。我能做些什么？

Answer 1

您应该在悬停功能之外初始化插件并使用公共方法getAjaxContent替换内容：

$("#makeMeScrollable").smoothDivScroll();
// add the getContentOnLoad option if you need to get some content on page load

$('.album').hover(function(){
    var id = $(this).attr('id');
    $("#makeMeScrollable").smoothDivScroll("getAjaxContent", "albumphotos.php?id="+ id, "replace");
});