jQuery UI對話框，打開對話框後如何更改文本

我想單擊對話框中的按鈕並在運行與該按鈕關聯的功能之前更改消息區域上的文本，或者僅將文本更改爲部分的功能。jQuery UI對話框，打開對話框後如何更改文本

2010-07-26 RobGMiller

您可以使用.onclick事件這樣...

<div id="targetSelector">Click Me</div> 
<div id="messageAreaSelector"></div> 

//jquery code to attach click to targetSelector 
$('#targetSelector').click(function() { 
    //code to update message area 
    $('#messageAreaSlector').html("Text to tell user"); 
    //call to function you want to perform 
    CallSelfDefinedFunction(arguments); 
});

來源

2010-07-26 16:43:12 Chris

也許我沒有說清楚，我們正在討論一個JQuery UI對話框結構。初始化後，我應該能夠按照您的建議在對話框中標識消息區域。從通過EI的開發人員工具查看HTML，消息區域似乎具有與用於實現Dialog結構的Div相同的ID。更改該元素的html不會更改對話框消息區域中的文本。 – RobGMiller 2010-07-26 19:29:56

不確定我是否遵循 - 如果您使用[jQuery對話框的股票示例]（http://jqueryui.com/dialog/），您只需在段落標記中添加一個id，該段落標記的內容是「This is the default對話框......等等。然後你用$（'idYouJustAppliedToThePTag'）。html（'jive you want to say'）改變文本。所以我認爲克里斯是正確的答案，對吧？如果您無法訪問段落標記的代碼，可以這麼說，您可以使用jQuery選擇器來選擇對話框div內嵌入的標記。或者我錯過了什麼？ – ruffin 2012-11-13 22:39:55

您可以將功能綁定到接近事件 - http://jqueryui.com/demos/dialog/#event-close。我打賭你可以在那裏改變你的文字。

來源

2010-07-26 16:43:14 awshepard

event.close太晚了。按鈕中定義的按鈕功能選項在對話框關閉前完全運行，因爲按鈕功能的定義方式如下：\t \t buttons ['View'] = function（）{FunctionName（）; $（本）.dialog（ '關閉'）; }; – RobGMiller 2010-07-26 19:32:59

我應該補充一點，我需要用戶在對話框關閉前查看函數運行的文本。 – RobGMiller 2010-07-26 19:34:39

以下內容似乎可以正常工作，但不會與與對話按鈕關聯的功能同時發生。（「＃DialogIdentifyer p」）。text（'Change Message area'）; 如果語句作爲定義爲按鈕功能的單個語句或定義爲按鈕功能的單個功能運行，則對話框文本區域將會更改。如果語句在應該由按鈕激活的函數之前被調用，它不起作用。 – RobGMiller 2010-07-26 20:39:21

只需在對話框中放置一個文本區域，它就可以編輯。如果你想切換是否可以編輯它，只需添加一個按鈕。

(function ($) { 
    var $dialog = $('<div></div>') 
        .html('<textarea id="myContent" rows=7 cols=25>Edit me</textarea>') 
        .dialog({ 
         autoOpen: false, 
         title: 'editable dialog', 
         buttons: { 
          "Edit": function() { $("#myContent").attr("disabled", !$("#myContent").attr("disabled")); } 
         }, 
         height: "auto", 
         width: "auto" 
        }); 

    $('.dlog').click(function() { 
     $dialog.dialog('open'); 
     return false; 
    }); 
})(jQuery);

來源

2011-07-07 22:44:13

是（函數（$）...}）（jQuery），是一種將它加載到body load事件中的方法嗎？ [感謝你分享這個片段！它幫助我建立一個對話框] – hephestos 2012-07-24 08:26:46

jQuery UI對話框，打開對話框後如何更改文本

回答

相關問題