2013-02-28 70 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 
}); 

希望這有助於!