2014-04-22 2 views
0

와 컨텐츠를로드 할 때 JQUERY 대화 상자가 작동 얻기 나는 다음과 같은 jQuery 코드가 있습니다아약스

$(".editDialog").dialog({ 
    autoOpen: false, 
    show: { 
     effect: "blind", 
     duration: 1000 
    }, 
    hide: { 
     effect: "explode", 
     duration: 1000 
    } 
}); 

내가 클래스 = "editDialog"여러 <div> 요소가 있습니다. 모든 것이 잘 작동하지만이 div를 ajax와 함께로드하면됩니다. 대화 상자가 더 이상 작동하지 않습니다.

JSFIDDLE : http://jsfiddle.net/9Wvte/

다음

가 노력하고 있습니다. 그러나 HTML 섹션의 코드가 아약스에 의해로드되면 작동을 멈 춥니 다.

위 코드를 변경해야한다고 생각하므로 document.ready가 호출 된 후에도 호출됩니다.

+0

코드 on jsfiddle pls – user1428716

+0

내 게시물을 편집했습니다. – progNewbie

+0

oyu는 AJAX 호출로 무엇을로드합니까? –

답변

0

은 아약스 POST 함수에서

complete : function(){ 
/*your function here*/ 
} 

에서 함수를 호출합니다. 내게 따르면 짝수는 요소가 DOM에서 작성되기 전에 바인딩됩니다. 여기에서 함수를 실행하면 ajax가 DOM을로드 한 후에 트리거되므로 모든 요소에 바인딩됩니다.

+0

고맙습니다.이 코드는 매우 잘 작동합니다. =) – progNewbie

+0

그러나 Ajax없이 페이지를 다시로드하여 div 상자를로드 할 때 두 번 올바르게 기능이 필요합니까? – progNewbie

+0

내 친구가 없습니다. 그냥 $ (document) .ready (function() {});에서 트리거해야합니다. 아약스없이 사용할 때. 이 div에 이벤트를 바인딩하는 함수는 모든 div가 페이지에 생성 된 후에 트리거되어야 함을 명심하십시오. –