模態HREF不起作用設置AJAX請求

Question

裏面我有計時器一個Ajax請求（每5秒）：

function getAvisierung(){ 
    $.ajax({ 
    url: 'content/ajax.php', 
    type: 'GET', 
    data: { get_item: 'get_avis', page: 'Advice'}, 
    success: function(data){ 
     var obj = JSON.parse(data); 
     $("#avis_content").html(''); 
     for(var x=0; x<obj.length; x++){ 
     $("#avis_content").append('<a href="#" data-original-title="Test" data-toggle="tooltip" data-placement="top"><i class="fa fa-pencil"></i></a><a class="modal-basic delete_item" href="#deleteAvis" data-id="id" data-original-title="Löschen" data-toggle="tooltip" data-placement="top"><i class="fa fa-trash-o"></i></a>'); 
     } 
    } 
    }); 
} 

但隨後href不適合我的模態對話框和工具提示工作。任何想法爲什麼？

當我只使用HTML - 它的作品。當它處於AJAX請求時 - 它不會。

Answer 1

AJAX

$('[data-toggle="ajaxModal"]').on('click', 
      function(e) { 
      $('#ajaxModal').remove(); 
      e.preventDefault(); 
      var $this = $(this) 
       , $remote = $this.data('remote') || $this.attr('href') 
       , $modal = $('<div class="modal" id="ajaxModal"><div class="modal-body"></div></div>'); 
      $('body').append($modal); 
      $modal.modal({backdrop: 'static', keyboard: false}); 
      $modal.load($remote); 
      } 
     ); 

HTML

<div class="modal-dialog"> 
    <div class="modal-content"> 
    <div class="modal-header"> 
     <button type="button" class="close" data-dismiss="modal">&times; </button> 
     <h4 class="modal-title"></h4> 
    </div> 
    <div class="modal-body"> 
    </div> 
    <div class="modal-footer"> 
     <a href="#" class="btn btn-white" data-dismiss="modal">Close</a> 
     <a href="#" class="btn btn-primary">Button</a> 
     <a href="#" class="btn btn-primary">Another button...</a> 
    </div> 
</div><!-- /.modal-content --> 
</div><!-- /.modal-dialog -->