Ajax調用后第二次未觸發Document.ready

Question

我已經在Php codeignter的視圖中創建了一個按鈕。

視圖

<div id=div_signup>
      <input id="btnRegisterID" name="btnRegister" style="margin-right: 5px;" value="Register" type="button" class="btn btn-success"/>
</div

控制者

  public function register()
    {

        $this->load->view('MAIN\view_Register');

    }

單擊此按鈕后，我將進行ajax調用，成功后，將再次在注冊div中重新綁定同一視圖。 這意味着在第一個事件之后，現在按視圖重新加載了按鈕。

Ajax呼叫：

    $(document).ready(function()
        {

 $("#btnRegisterID").on("click", function()
            {
                     $.ajax({
                type:'POST',
                url:'http://localhost/Voyager/Main/register',
                data:{},
                success:function(){
              $("#div_signup").load('http://localhost/Voyager/Main/register');
                },
                failure:function(){
              alert("nooo"); 
                }             
            });
        });          
});

第一次單擊即可正常運行，ajax調用成功。

但是，在第二次單擊上沒有任何反應。

瀏覽器控制台中沒有錯誤。

有人可以幫忙嗎？

我在這里想念什么嗎？

更新：在ajax調用成功后，我將上面的代碼更改為location.reload（）。 仍然無法解決問題。

 success:function(){
              location.reload();
                },

Answer 1

將您的按鈕單擊事件更改為這樣

$(document).on('click', '#btnRegisterID', function () {
// You ajax Code

})

Answer 2

嘗試成功刪除

$("#div_signup").load('http://localhost/Voyager/Main/register');

更換

location.reload();

Answer 3

嘗試使用window.location.reload()而不是location.reload（）;

Answer 4

在該面板之外單擊按鈕部分地為我工作。

但是，我的體系結構存在問題。 如果沒有完整的頁面刷新以保持數據為最新，則無法部分加載jquery中的視圖。

謝謝你的幫助。