Как установить имена переменных jquery-ui в диалоговом окне из переменной? - PullRequest
Новая
       20

Как установить имена переменных jquery-ui в диалоговом окне из переменной?

1 голос
/ 15 июня 2011

JQuery-UI диалоговое окно в JavaScript: 

$( "#dialog-confirm" ).dialog({
            resizable: false,
            height:140,
            modal: true,
            buttons: {
                "Ok": function() {
                    $( this ).dialog( "close" );
                },
                "Cancel": function() {
                    $( this ).dialog( "close" );
                }
            }
        });

Там две кнопки «Ок» и «Отмена». На каждой кнопке есть функция. Названия кнопок завязаны с трудом. Есть несколько способов именовать кнопки из переменной ?? как это: 

var Button1 = "Ok";
var Button2 = "Cancel";
$( "#dialog-confirm" ).dialog({
            resizable: false,
            height:140,
            modal: true,
            buttons: {
                Button1: function() {
                    $( this ).dialog( "close" );
                },
                Button2: function() {
                    $( this ).dialog( "close" );
                }
            }
        });

Я пытаюсь код выше, но кнопки появляются с именами "Button1" и "Button2". Могу ли я также отображать изображения в кнопках, но не текст ???

1 Ответ

11 голосов
/ 15 июня 2011

Обращаясь к http://jqueryui.com/demos/dialog/, вы можете видеть, что есть 2 альтернативных способа определения кнопок, один из которых вы используете здесь, второй использует массивы. 

var button1 = 'Ok';
var button2 = 'Not Ok';    
$( ".selector" ).dialog({ buttons: [
    {
        text: button1,
        click: function() { $(this).dialog("close"); }
    },
    {
        text: button2,
        click: function() { $(this).dialog('close'); }
    }
] });

Похоже, это должно решить вашу проблему.

...