로드 콜백 후 jQuery UI 대화 상자 제목 변경

로드 콜백 후 jQuery UI 대화 상자 제목 변경

---

이 UI 대화 상자에서 양식을 제출 한 후 UI 대화 상자에서 제목을 변경하고 싶습니다. 그래서 콜백 기능에서 load제안해야하지만 결과없이 시도하고 봤습니다.

누구든지 아이디어가 있습니까?

---

대화 방법 사용하기 :

$('.selectorUsedToCreateTheDialog').dialog('option', 'title', 'My New title');

또는 직접 해키 :

$("span.ui-dialog-title").text('My New Title'); 

나중에 참조 할 수 있도록 jQuery를 사용하여 Google을 건너 뛸 수 있습니다. jQuery API는 대부분의 질문에 대답합니다. 이 경우 Dialog API 페이지 입니다. 기본 라이브러리 : http://api.jquery.com

---

더 간단한 해결책을 찾았습니다.

$('#clickToCreate').live('click', function() {
     $('#yourDialogId')
         .dialog({
              title: "Set the title to Create"
         })
         .dialog('open'); 
});


$('#clickToEdit').live('click', function() {
     $('#yourDialogId')
         .dialog({
              title: "Set the title To Edit"
         })
         .dialog('open'); 
});

희망이 도움이됩니다!

---

jquery 대화 상자 제목에 사용자 정의 HTML을 넣는 Nick Craver의 해킹 아이디어 개선 :

var newtitle= '<b>HTML TITLE</b>';
$(".selectorUsedToCreateTheDialog").parent().find("span.ui-dialog-title").html(newtitle);

---

Nick의 결과를 구현하려고했습니다.

$('.selectorUsedToCreateTheDialog').dialog('option', 'title', 'My New title');

그러나 1 페이지에 여러 개의 대화 상자가 있었기 때문에 저에게는 효과가 없었습니다. 이러한 상황에서는 제목을 처음으로 만 설정합니다. 명령을 스테이플하려고 시도하지 않았습니다.

    $("#modal_popup").html(data);
    $("#modal_popup").dialog('option', 'title', 'My New Title');
    $("#modal_popup").dialog({ width: 950, height: 550);

페이지의 각 대화 상자의 자바 스크립트 함수 인수에 제목을 추가 하여이 문제를 해결했습니다.

function show_popup1() {
    $("#modal_popup").html(data);
    $("#modal_popup").dialog({ width: 950, height: 550, title: 'Popup Title of my First Dialog'});
}

function show_popup2() {
    $("#modal_popup").html(data);
    $("#modal_popup").dialog({ width: 950, height: 550, title: 'Popup Title of my Other Dialog'});
}

---

더 나은!

    jQuery( "#dialog" ).attr('title', 'Error');
    jQuery( "#dialog" ).text('You forgot to enter your first name');

참고 URL : https://stackoverflow.com/questions/2171763/jquery-ui-dialog-change-title-after-load-callback