Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   событие элементом которого является созданная кнопка (https://javascript.ru/forum/dom-window/46788-sobytie-ehlementom-kotorogo-yavlyaetsya-sozdannaya-knopka.html)

imediasun1 24.04.2014 11:26

событие элементом которого является созданная кнопка
 
Я создаю кнопку методом jquery
$('#form').append('<input type="button" id="post_btn" value="Добавить Пост">');

а затем пытаюсь присвоить ей событие клика
$('#post_btn').click(function(){
alert(window.key)
})

и ничего, а если кнопка сразу записана в html коде событие исполняется

BETEPAH 24.04.2014 14:20

Что-то неправильно делаете
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
<div id="form"></div>
<script>
$('#form').append('<input type="button" id="post_btn" value="Добавить Пост">');
$('#post_btn').click(function(){
alert('есть!')
})
</script>

imediasun1 24.04.2014 20:18

как вставить эту ссылочку просмотреть результат выполнения кода?

imediasun1 24.04.2014 20:22

А так как быть?
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
<select id="select1">
<option>1</option>
<option>2</option>
</select>
<div id="form"></div>
<script>
$('#select1').change(function(){
$('#form').append('<input type="button" id="post_btn" value="Добавить Пост">');
})
$('#post_btn').click(function(){
alert('есть!')
})
</script>

BETEPAH 24.04.2014 23:16

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
<select id="select1">
<option>1</option>
<option>2</option>
</select>
<div id="form"></div>
<script>
$('#select1').change(function(){
$('#form').append('<input type="button" id="post_btn" value="Добавить Пост">');
$('#post_btn').click(function(){
alert('есть!')
})
})
</script>

Vlasenko Fedor 24.04.2014 23:40

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
<select id="select1">
  <option>1</option>
  <option>2</option>
</select>
<div id="form"></div>
<script>
  $(function () {
    $('#select1').on("change", function () {
      $('#form').append('<input type="button" class="post_btn" value="Добавить Пост">');
    });
    $('#form').on("click", "input.post_btn", function () {
      alert('есть!')
    });
  });
</script>


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