javascript - jQuery 即时更新 HTML

Question

我有一个包含 5 张幻灯片(每张都有一个单独的 ID)和一个上一个和下一个按钮的幻灯片。当悬停在上一个或下一个按钮上时，您会得到一个工具提示，该工具提示使用 jQuery 从上一个和下一个 div 获取 ID 属性并显示它。

我让它在 mouseenter 上正常工作，只有当你不离开 div 并继续点击工具提示不更新时，你必须在每次点击后离开箭头才能更新值，这有意义吗？

我的脚本是...

  $("div.arrows div").bind("mouseenter", function () {
            $("div.arrows div.next").children("span").html($("div.roundabout-in-focus").next("div").attr("id"));
            $("div.arrows div.prev").children("span").html($("div.roundabout-in-focus").prev("div").attr("id"));
        });

Answer 1

由于您没有离开 div，因此不会触发下一个 mouseenter，这将更新工具提示。如果您正在使用的插件支持或单击上一个/下一个按钮的事件，请尝试在幻灯片更改事件上设置工具提示。