jquery - バックボーン ビューに新しい ID を持つ HTML 要素を動的に追加する

Question

異なる IDのリンクを<ul>持つ 2 つのリストを持つテンプレートがあります。イベントをこの 2 つの IDとにバインドしました。問題は、例としてリンクをクリックすると、 から削除して、 で新しいリンクを作成することです。問題は、イベントがハッシュ上にあるにもかかわらず、この新しいリンクにイベントがバインドされていないことです。サブ要素 でメソッドやメソッドのようなことを行うにはどうすればよいですか?<li><a id='variable_id'>iniciaispalavrasiniciais<ul>id='palavras'eventsjQuery liveonBackbone View

var MyView = Backbone.View.extend({
  el: '#campos',
  initialize: function() {
  },

イベントが 2 種類のリンクにバインドされていることに注意してください。

  events: {
    'click #palavras': 'mudar_para_consulta_palavras',
    'click #iniciais': 'mudar_para_consulta_iniciais'
  },

このメソッドでは、リストからリスト アイテムを削除し、新しい ID を持つ新しいコンテンツを挿入します。

  mudar_para_consulta_palavras: function() {
    $('#campo_consulta').val('');
    $('#campo_consulta').attr('placeholder', 'Digite palavras inteiras');
    $("#campo_consulta").attr('tipo', 'chave');
    $('#palavras').parent().remove();
    $("<li><a id='#iniciais'>Consultar por Iniciais</a></li>").insertBefore('.divider');
  },

この他のメソッドでも同じことが言えますが、id 定義のみが変更されます。

  mudar_para_consulta_iniciais: function() {
    $('#campo_consulta').val('');
    $('#campo_consulta').attr('placeholder', 'Digite inicio de palavras');
    $("#campo_consulta").attr('tipo', 'iniciais');
    $('#iniciais').parent().remove();
    $("<li><a id='#palavras'>Consultar por palavras</a></li>").insertBefore('.divider');
  }
});
return MyView;
});