我有一个带有javascript部分的视图。在这个视图中,我有一个带有onclick事件的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>
答案 0 :(得分:2)
尝试将点击处理程序更改为以下内容:
$(document).on('click','#printBtn', function() {
//your code here
}