Question

我有一张幻灯片，其中有5张幻灯片（每张幻灯片都有一个个人ID）和一个上一个和下一个按钮。当悬停上一个或下一个按钮时，您会得到一个工具提示，工具提示使用jQuery从前一个和下一个div获取ID属性并显示此信息。

只有当你不离开div并且不断点击工具提示没有更新时，我已经在mouseenter上工作正常了，你必须在每次点击后留下箭头以使值更新，这是否有意义？

我的剧本是......

  $("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，这将更新工具提示。如果您正在使用的插件支持，请尝试在幻灯片更改事件上设置工具提示，或单击上一个/下一个按钮的事件。

Answer 2

鼠标悬停是做什么的，你想在点击下一个/上一个按钮后改变它吗？我认为你必须在添加新HTML之前删除内部HTML。也许尝试用.empty（）清空元素并添加一个click事件来捕获它并从那里调用函数。还要尝试记录或提醒某些反馈，以了解它何时触发。

Answer 3

您还必须将更新后的html绑定到click事件。这可能有效。没有你的HTML很难说。

 $("div.arrows div").bind("click, 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"));
 });

jQuery即时更新HTML

3 个答案: