jQuery Sur le Clic ne fonctionne pas

Je vais avoir du mal à obtenir mon gestionnaire d'événement à feu. Je vais appeler JSON dans la page comme ci-dessous. Je veux être en mesure de cliquer sur un des boutons que j'ai créé qui va exécuter le 'bonjour' alerte. Il fonctionne avec tous les autres éléments sur la page, mais pas la <button>.

Peut aider quelqu'un?

test.js

$(document).ready(function() {
  $.getJSON('/api/v1/recipe/?format=json', function(data) {
    $.each(data.objects, function(i, recipe) {
      $('table#recipes').append('<tr><td>' + recipe.title + '</td><td>' + recipe.ingredients + '</td><td>' + recipe.method + '</td><td><button class="btn" type="button" id="rmv">remove</button></td></tr>');
      });
    });

    $('rmv').on('click', function() {
      alert('hello there!');
    });
  });

recipe.html

{% extends 'base.html' %}

{% block content %}
<div class="container-fluid">
  <div class="row-fluid">
    <div class="span6">
      <form action='' method="post">{% csrf_token %}
        {{ form.as_p }}
        <input type="submit" value="go baby!">
      </form>
    </div>
    <div class="span6">
      <table class="table table-striped table-bordered" id="recipes">
        <tr>
          <th>Title</th>
          <th>Ingredients</th>
          <th>Method</th>
          <th>Remove</th>
        </tr>
      </table>
    </div>
  </div>
</div>
{% block recipes %}{% endblock recipes %}
{% endblock content %}
  • ajax est asynchrone.
InformationsquelleAutor puffin | 2013-04-15