Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 24.04.2014, 11:26
Профессор
Посмотреть профиль Найти все сообщения от imediasun1
 
Регистрация: 23.12.2012
Сообщений: 437

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

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

и ничего, а если кнопка сразу записана в html коде событие исполняется
Ответить с цитированием
  #2 (permalink)  
Старый 24.04.2014, 14:20
Аватар для BETEPAH
Профессор
Отправить личное сообщение для BETEPAH Посмотреть профиль Найти все сообщения от BETEPAH
 
Регистрация: 23.06.2011
Сообщений: 1,165

Что-то неправильно делаете
<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>
Ответить с цитированием
  #3 (permalink)  
Старый 24.04.2014, 20:18
Профессор
Посмотреть профиль Найти все сообщения от imediasun1
 
Регистрация: 23.12.2012
Сообщений: 437

как вставить эту ссылочку просмотреть результат выполнения кода?
Ответить с цитированием
  #4 (permalink)  
Старый 24.04.2014, 20:22
Профессор
Посмотреть профиль Найти все сообщения от imediasun1
 
Регистрация: 23.12.2012
Сообщений: 437

А так как быть?
<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>
Ответить с цитированием
  #5 (permalink)  
Старый 24.04.2014, 23:16
Аватар для BETEPAH
Профессор
Отправить личное сообщение для BETEPAH Посмотреть профиль Найти все сообщения от BETEPAH
 
Регистрация: 23.06.2011
Сообщений: 1,165

<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>
Ответить с цитированием
  #6 (permalink)  
Старый 24.04.2014, 23:40
Аватар для Vlasenko Fedor
Профессор
Отправить личное сообщение для Vlasenko Fedor Посмотреть профиль Найти все сообщения от Vlasenko Fedor
 
Регистрация: 13.03.2013
Сообщений: 1,572

<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>
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск