2015-11-01 2 views
0

Для проекта, над которым я работаю, я добавляю записи в список. Но кнопка в добавленном контенте не выполняет javascript, который он должен выполнить.Javascript не исполняет для добавления html

Я сделал из нее записную книжку - так же просто, как я мог это сделать - продемонстрировать.

Кнопка «некоторый контент для кликов» срабатывает как предупреждение, как я ожидаю. Кнопка «другой контент для клика» не работает.

Я подозреваю, что это связано с тем, что html не находится на загрузке ... но я не знаю, как это решить.

... Во всяком случае, если вы, ребята, которые готовы помочь ... вот код:

<!DOCTYPE html> 
<html> 
<head> 
    <meta http-equiv="content-type" content="text/html; charset=UTF-8"> 
    <title>scribble</title> 
    <script type='text/javascript' src='//code.jquery.com/jquery-1.8.3.js'></script> 

    <script type='text/javascript'> 
     //<![CDATA[ 
     $(function() { 

      $('.clickme') 
       .click(function() { 
        list = $(this).parents('.container').find('.list'); 
        list.prepend('<div class="record"><button class="record_button">some other content to click</button></div>') 
        alert('added a record'); 
       }); 

      $('.record_button') 
       .click(function() { 
        alert('content clicked'); 
       }); 


     });//]]> 

    </script> 

</head> 
<body> 
    <div class='container'> 
     <button class='clickme'>add record</button> 
     <div class='list'> 
      <div class='record'> 
       <button class='record_button'>some content to click</button> 
      </div> 
     </div> 
    </div> 
</body> 

</html> 
+0

нашел это http://stackoverflow.com/questions/14269587/how-to-execute-script-code-in-a-javascript-append, но я не могу понять, как использовать этот – Peter

ответ

1

Попробуйте

$('.clickme').on('click',function().. 

Слушатели не работают для добавленных элементов, если не называть их вот так.

jQuery .on()