2016-05-21 25 views
1

我有一個模式顯示錶單,和2個按鈕:「新」和「編輯」如何成功後停止AJAX獲取URL

「新建」按鈕:

<button class="btn btn-default" data-toggle="modal" data-target="#POPProduct">NEW</button> 

「編輯」按鈕:

<a class="btn btn-xs btn-primary edit-product" href="http://domain.com/product/#POPProduct" data-id="10498f" data-toggle="modal">EDIT</a> 

我用ajax從數據庫加載數據時,我點擊編輯

$(document).on("click", ".edit-product", function() { 
    var uid = $(this).data('id'); 
    $('#POPProduct').off('shown.bs.modal').on('shown.bs.modal',function(e) { 
     utilst.ViewPopEditProduct(uid); 
    }); 
}); 

var utilst = {}; 
(function ($) { 

    $.ajaxSetup({"error":function(XMLHttpRequest,textStatus, errorThrown) { 
     alert(textStatus); 
     alert(errorThrown); 
     alert(XMLHttpRequest.responseText); 
    }}); 

    utilst.ViewPopEditProduct = function ViewPopEditProduct(uid) { 
     var data={uid:uid}; 
     $.ajax({ 
      type:"GET", 
      datatype:"json", 
      url:"", 
      data:data, 
      cache:false, 
      success: function(data) { 
       data = JSON.parse(data); 
       $('#product_name').val(data.name); 

       $('#POPProduct').trigger("reset"); 
       $(".edit-product").unbind("click", ViewPopEditProduct); 
      } 
     }); 
    return false; 
}; 

})(jQuery, window, document); 

這種模態

​​

如果我點擊頁面加載後的「新」按鈕模式的工作原理,但我點擊「編輯」按鈕後,它停止工作。任何想法如何解決這個問題?

謝謝

+0

它因爲href =「http://domain.com/product/#POPProduct」而停止響應href值 – Nezir

回答

0

可能是因爲您使用.off()所以當你使用。對()shown.bs.modal已經移除事件shown.bs.modal去掉。