Динамический ввод текста кнопки в jQuery

Я пытаюсь установить текст кнопки диалога в jquery. У меня есть 2 переменные, значение которых изменится динамически. Эти значения должны быть установлены на текст кнопки. Я написал следующий код.Динамический ввод текста кнопки в jQuery

var monthNames = [ "January", "February", "March", "April", "May", "June", 
    "July", "August", "September", "October", "November", "December" ]; 

    var today = new Date(); 
    var month = monthNames[today.getMonth()]; 
    var nextMonth = monthNames[today.getMonth()+1]; 

    $(".selector").dialog({ buttons: [ 
    { 
     text: month, 
     click: function() { $(this).dialog("close"); } 
    }, 
    { 
     text: nextMonth, 
     click: function() { $(this).dialog('close'); } 
    } 
] });

});

Но Диалог формы не загружается. Pls поможет мне с вашими ценными предложениями.

источник

2013-08-07 Sanjay Malhotra

вы можете разместить HTML сниппет? Я предполагаю, что вы скопировали код из образца jquery и не изменили селектор '$ (" .selector ")' – Tomer

Можете ли вы создать [скрипку] (http://jsfiddle.net/)? –

вы проверили консоль на наличие возможных ошибок? – Daniele

Ваш код работает нормально, убедитесь, что вы добавили jquery и jquery ui ссылки и имеют selectorclass в вашем html разметки, например,

<div class="selector"></div>

jsFiddle

Update *

Пожалуйста добавьте http:// в свои js и css ссылку

Один пример страницы

<html> 
    <head> 
     <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" /> 
     <script src="http://code.jquery.com/jquery-1.9.1.js"></script> 
     <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> 
    </head> 
    <body> 
     <div id="selector" title="Pop Up" class = "selector"> <p><span class="ui-icon ui-icon-alert" style="float: left; margin: 0 7px 20px 0;"></span> Do u want to save the score?</p> </div> 
     <script> 
      var monthNames = ["January", "February", "March", "April", "May", "June", 
       "July", "August", "September", "October", "November", "December"]; 

      var today = new Date(); 
      var month = monthNames[today.getMonth()]; 
      var nextMonth = monthNames[today.getMonth() + 1]; 

      $(".selector").dialog({buttons: [ 
        { 
         text: month, 
         click: function() { 
          $(this).dialog("close"); 
         } 
        }, 
        { 
         text: nextMonth, 
         click: function() { 
          $(this).dialog('close'); 
         } 
        } 
       ]}); 
     </script> 
    </body> 
</html>

источник

2013-08-07 10:09:21

я добавил следующие ссылки Манодж <ссылка отн = «таблица стилей» HREF = "HTTP:. //code.jquery. com/ui/1.10.3/themes/smoothness/jquery-ui.css "/> –

Пожалуйста, добавьте 'http: //' в ссылку js и css, ответ обновлен одним примером страницы –

Спасибо много Manoj .. Он работает сейчас .. :) –

Ваш ДИВ есть id="selector", но в вашем JQuery вы звоните $('.selector'), который для класса. Так как изменение:

<div class="selector"></div>

Или изменить код JQuery:

$("#selector").dialog();

источник

2013-08-07 11:21:35 Tomer

Динамический ввод текста кнопки в jQuery

ответ

Смежные вопросы