Ajax에서로드 된 UI 대화 상자에 jQuery UI 단추 추가

ajax를 사용하여 동적으로 생성 된 대화 상자를 열고 있습니다. 대화 상자에 나타나는 버튼을 jQuery UI 버튼을 사용하게하고 싶습니다. $ ("button"). button()을 호출하여이 작업을 수행 할 수 있지만 모든 버튼 요소에 영향을줍니다. 이 대화 상자에 나타나는 버튼에만 영향을 주려면 어떻게해야합니까?Ajax에서로드 된 UI 대화 상자에 jQuery UI 단추 추가

var $dialog = $('<div>').load('/Dialog').dialog({ 
    autoOpen: false, 
    title: 'Dialog', 
    height: 250, 
    width: 750, 
    resizable: false, 
    modal: true, 
    show: "fadeIn", 
    hide: "fadeOut" 
}); 
$('#btnOpenDialog').click(function() { 
    $dialog.dialog('open'); 
    return false; 
});

출처

2010-07-05 Neil Outler

정확히 무엇을하려고합니까? 'dialog()'메서드 내에서'buttons '를 설정할 수 있습니다. – jAndy

명확히하기 위해, 나는 아약스에서로드 된 jQuery 대화 상자를 표시하려고합니다. 0 ~ 10 개의 버튼이있을 수 있습니다. 대화 상자의 모든 단추를 지정하여 각 단추 ID를 지정하지 않고 jQuery UI 단추를 사용하고 개별적으로 .button()을 호출하는 일반로드 기능을 작성하려고합니다. –

jAndy의 제안을 사용하고 대화 상자 버튼을 사용합니다. 아약스를 통해로드하는 HTML 페이지에서 이미 존재하는 버튼을 사용하려고했습니다. 대화 상자 단추는 내가 할 일을하고 깨끗하게 보입니다.

출처

2010-07-05 18:19:43

Ajax에서로드 된 UI 대화 상자에 jQuery UI 단추 추가

답변

관련 문제