我有一个幻灯片演示,其中包含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/