javascript點擊不能部分視圖加載後觸發

我有一個JavaScript部分的視圖。在這個視圖中，我有一個onclick事件的JavaScript，點擊一個標籤點擊加載部分視圖，這一切都完美的作品。javascript點擊不能部分視圖加載後觸發

現在我知道javascript上的部分視圖將無法正常工作，所以在主視圖中，我想添加一個單擊事件，當打印按鈕被點擊時。

<script type="text/javascript"> 
    $(function() { 

     $('#printBtn').click(function() { 
      debugger; 
      printElement(document.getElementById("modal-body")); 
      window.print(); 
     }); 

     $('#tabStrip a').click(function (e) { 
      e.preventDefault() 
      var tabID = $(this).attr("href").substr(1); 

      $(".tab-pane").each(function() { 
       $(this).empty(); 
      }); 

      $("#" + tabID).empty().append("<div class='loader'><img src='/Content/img/Loader/ajax-loader.gif' alt='Loading' /></div>"); 

      $.ajax({ 
       url: "/Account/CustomerTab", 
       data: { Id: tabID }, 
       cache: false, 
       type: "get", 
       dataType: "html", 
       success: function (result) { 
        $("#" + tabID).empty().append("<div id='replaceDiv'>" + result + "</div>"); 
        $(document).trigger('ready'); 
        debugger; 
       } 
      }); 
      $(this).tab('show') 
     }); 
    }); 
</script>

所以選項卡中單擊完美的作品，但一旦我的部分觀點被加載，然後打印按鈕調試器不會受到打擊。這是我的局部視圖中的按鈕。

<button id="printBtn" type="button" class="btn btn-default">Print</button>

來源

2016-07-05 JcMey3r

我發現，如果我添加了click事件對AJAX成功，然後將其添加並觸發。在部分加載完成後，我怎麼能告訴dom再次準備好？ – JcMey3r

如果將其更改爲.on，它會起作用嗎？ $（'body'）。on（'click'，'printBtn'，function（）{ debugger; printElement（document.getElementById（「modal-body」））; window.print（）; }）; –

試着改變你的函數clickhandler到這樣的事情：

$(document).on('click','#printBtn', function() { 
    //your code here 
    }

來源

2016-07-05 18:01:17 entiendoNull

javascript點擊不能部分視圖加載後觸發

回答

相關問題