jQuery更新HTML动态

Question

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

如果你不离开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不会被触发，它将更新工具提示。尝试在幻灯片更改事件上设置工具提示（如果您正在使用的插件支持）或单击prev/next按钮的事件。

Answer 2

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

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")); 
});