Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   не роботает кнопка (https://javascript.ru/forum/misc/61226-ne-robotaet-knopka.html)

Addam_01 09.02.2016 16:37

не роботает кнопка
 
$(document).ready(function(){
$("#Caesar").click(function(){
$(".left").empty();
$(".right").empty();

var y = '<b>Шифр Цезаря</b><textarea class="input" type="text"/><button type="button" name="Caesar2" id="t" align="center" >Перещитать</button>';
$('.right').append(y);
})
})

$(document).ready(function(){
$("#t").click(function(){
var x = 1;
var text = $('textarea#buttonCaesar').val();
console.log(text);
console.log(x);
})
})


кнопка перещитать не роботает. как ето исправить?

Dilettante_Pro 09.02.2016 17:33

Addam_01,
Цитата:

Сообщение от Addam_01
кнопка перещитать не роботает. как ето исправить?

Исправить легко - правильно будет Пересчитать:)
А если серьезно - то у вас button прописывается в DOM по click на "#Caesar", а обработка click на button навешивается по $(document).ready. При такой последовательности не находится $("#t"), т.к. его еще нет.
Чтобы этого избежать, надо включить назначение click на button в назначение click на "#Caesar", а именно:
$(document).ready(function () {
        $("#Caesar").click(function () {
            var y = '<b>Шифр Цезаря</b><textarea class="input" type="text"/><button type="button" name="Caesar2" id="t" align="center" >Перещитать</button>';
            $('#right').append(y);

            $("#t").click(function () {
                var x = 1;
                var text = $('textarea#buttonCaesar').val();
                console.log(text);
                console.log(x);
            });

        });
});

Только я не понял это:
var text = $('textarea#buttonCaesar').val();

hhh 10.02.2016 01:21

кнопка перещитать не роботает
:lol:


Часовой пояс GMT +3, время: 04:30.