событие элементом которого является созданная кнопка
Я создаю кнопку методом jquery
$('#form').append('<input type="button" id="post_btn" value="Добавить Пост">'); а затем пытаюсь присвоить ей событие клика $('#post_btn').click(function(){ alert(window.key) }) и ничего, а если кнопка сразу записана в html коде событие исполняется |
Что-то неправильно делаете
<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> |
как вставить эту ссылочку просмотреть результат выполнения кода?
|
А так как быть?
<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> |
<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> |
<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. |