我有一个幻灯片演示,其中包含5张幻灯片(每张幻灯片都有一个单独的ID)以及上一个和下一个按钮。当将鼠标悬停在上一个或下一个按钮上时,您会看到一个工具提示,该工具提示使用jQuery从上一个div和下一个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"));
        });

最佳答案

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

关于javascript - jQuery即时更新HTML,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/8975707/

10-09 20:19
查看更多