0

我有一个悬停类，我正在显示一个“对话框”作为工具提示，其中包含上一个/下一个导航按钮。在此基础上，我正在更新内容。

但是，我只能执行一次。这是代码：

$(".corner").mouseenter(function(e){
    tt_index=1;

    var id=this.id;
    $("#popup-div").html(getMultipleBooking(id.toString(),tt_index));
    $("#popup-div").height(120);

     $("#popup-div").dialog({
         resizable: false,
         autoOpen: true,
         width: 277,
         position: [e.pageX+5, (e.pageY+5)-$(document).scrollTop()+10], 

         });

     $(".ui-dialog-titlebar").hide();

     //closing the dialog when mouse enters into the white space

     $("#tt_next").click(function(){
         ++tt_index;
         $("#popup-div").html(getMultipleBooking(id.toString(),tt_index));          
    });
});
4

1 回答 1

1

页面加载时，工具提示/对话框是否已经在 dom 中触发？此外，当您鼠标移出时，工具提示/对话框是否从 DOM 中删除？

如果是这样，那么您将不得不在 jQuery 中使用 on() 方法，http: //api.jquery.com/on/ ..所以事件正在积极监听。如果是这种情况，您将丢失附加到 DOM 中触发器 (.corner) 的事件绑定。.. 随后，您还可以在推出触发器时使用 mouseleave 事件来触发。

例子：

$(".corner").on("mouseenter",function(e){ 
           code stuff goes here for mouseenter 
}).on("mouseleave",function(e){ 
           code stuff goes here for mouseleave 
});

希望这可以帮助！

于 2013-02-28T20:58:13.593 回答