2012-07-03 62 views
0

我希望能夠在運行時更改我的模態和按鈕的標題。 目前我有這個 我已經行動要麼批准或拒絕模式框更改運行時的標題和按鈕名稱

var recButton = actions =='approval' ? 'Approve' : 'Deny'; 

$("#dialog").dialog(
    { 
     modal : true, 
     buttons : { 
      'update all' : function() { 
       // window.location.reload(); 
       // $(this).dialog("close"); 
       //do something here 
      }, 
      Cancel : function() { 
       $(this).dialog("close"); 
      } 
     } 
    }); //dialog 
}); 

我也嘗試爲按鈕

$("#dialog").dialog(
    { 
     modal : true, 
     buttons : { 
      recButton : function() { ... 

但語氣並沒有很好的翻譯做到這一點,只是說recButton代替變量值。我也需要改變標題。

更新:拿到冠軍合作,通過簡單的標題:

+1

你總是縮進代碼以這種方式後? – undefined

+0

是的..它不好?我有很多代碼 – Autolycus

+0

不,沒關係。 – undefined

回答

5

嘿Autolycus:試試這個男人:工作演示http://jsfiddle.net/C4A9b/10/

請用螢火蟲來檢查元素的id /類:

$('.ui-dialog-title').html("HULK is awesome");應該做的伎倆。

希望它可以幫助:)

代碼

$(document).ready(function() { 
    $('#theLink').click(function(){ 
       $("#forgot-dialog").dialog("open");  
    }); 

    $("#forgot-dialog").dialog({ 
      modal: true, 
      autoOpen: false, 
      height: 255, 
      width: 300, 
      buttons: { 
       "ChangeTitle": function() { 

        alert("Title before cahnge ==> " + $('.ui-dialog-title').html()); 
        $('.ui-dialog-title').html("HULK is awesome"); 
        // document.forms["forgotform"].submit(); 
       }, 
       Cancel: function() { 
        $(this).dialog("close"); 
       } 
      }, 
    }); 


}); 

OR

var formname = "form_name_here"; 

$("#ui-dialog-title-"+formname).innerHTML = "Hulk is awesome title"; 

下面圖片顯示之前和之後。

圖像之前點擊changetitle按鈕

enter image description here

單擊更改標題

enter image description here

+0

我已經更改了標題,並在發佈此答案之前更新了故障單。我希望按鈕文字動態變化 – Autolycus

+0

這樣的事情http://stackoverflow.com/questions/4591642/dynamically-changing-jquery-ui-dialog-box-button-text – Autolycus

+0

Hiya @Autolycus試試這個bruv:http:/ /jsfiddle.net/naaT8/1/當你點擊按鈕'changetitle'時,它會改變按鈕的標題和文本,這應該有所幫助。 ':)' –