2013-02-28 3 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

+0

대화 상자에 여분의','가 있습니다 –

+0

고마워요.하지만 작동하는지 확인하겠습니다. –

답변

1

때 페이지가로드는 DOM에 이미 트리거 대화/툴팁가 : 여기 코드인가? 또한 마우스 아웃시 툴팁/대화 상자가 DOM에서 제거 되었습니까?

그렇다면 jQuery에서 http://api.jquery.com/on/의 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 
}); 

희망!

관련 문제