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

Program / 글쓴이

이 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');
});

도움이 되었기를 바랍니다.

답변

Nick Craver가 jquery 대화 상자 제목에 사용자 정의 HTML을 추가하기 위해 해키 아이디어를 개선했습니다.

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

답변

나는 Nick의 결과를 구현하려고 시도했습니다.

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

하지만 한 페이지에 여러 대화 상자가 있었기 때문에 그것은 나를 위해 작동하지 않았습니다. 이러한 상황에서는 처음에만 제목을 올바르게 설정합니다. 스테이플 명령이 작동하지 않았습니다.

    $("#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');

답변