1

実行時にモーダルとボタンのタイトルを変更できるようにしたい。現在私はこれを持っています私は承認または拒否のいずれかのアクションを持っています

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 とだけ言われました。また、タイトルも変更する必要があります。

更新：タイトルだけでタイトルが機能するようになりました：

4

1 に答える 1

6

ちょっとアウトリュコス：この男を試してみてください：作業デモ http://jsfiddle.net/C4A9b/10/

firebugを使用して、要素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" );
                }
            },
    });


});

また

var formname = "form_name_here";

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

下の画像は前後を示しています。

タイトル変更ボタンをクリックする前の画像

ここに画像の説明を入力してください

タイトル変更をクリックした後

ここに画像の説明を入力してください

于 2012-07-03T02:37:41.280 に答える