2013-02-28 54 views
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));   
    }); 
}); 
+2

如果这就是您的所有代码,那么您缺少'});' – AlienWebguy 2013-02-28 19:45:01

+0

您在对话框选项中有一个额外的',' – 2013-02-28 19:47:03

+0

谢谢,但让我检查它是否有效... – 2013-03-01 08:06:49

回答

1

是工具提示/在页面加载时的DOM已经对话框中输入触发?另外,当你mouseout,是从DOM中删除工具提示/对话框?

如果是这样,那么你将不得不使用()方法jQuery中,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 
}); 

希望这有助于!