jQuery를 UI 대화 상자

Question

내가 jQuery를 UI 대화 상자에 몇 가지 유틸리티 기능을 추가 해요 선택기를 반환하고, 나는 모든 대화 개방에 기능을 부착 할 때 선택기를 얻을 수있는 방법이 필요합니다 : 나는 '무엇

$(document).on("dialogopen", ".ui-dialog", function (event, ui) { 

나타났습니다 객체에서 선택이 비어 있다는 것입니다 :

selector: "", 

그리고 모든 대화가 id로 열릴 것이다, 그래서 어떻게 dialogopen의 선택을 찾을 수 있습니까 것을 믿을 수 없다?

Answer 1

open 콜백에서 event.currentTarget은 대화 상자에 대한 참조입니다.

그러면 다음과 같이 대화 상자가 표시됩니다.

$(function() { 
    $(document).on("dialogopen", ".ui-dialog", function (event, ui) { 
     var $div = $(event.currentTarget).find('.ui-dialog-content'); 

     // Do something with the div 
    }); 

    $('#mydialog').dialog(); 
}); 

그런 다음 id 속성을 가져 오거나 $ div.hasClass를 사용하여 어느 div인지 확인할 수 있습니다.

또는 대화 상자를 열기 전에 div에 데이터 선택기를 추가 할 수 있습니다. 이 jsFiddle을 확인하십시오.