[英]jQuery Click Event Reloads Page
我正在嘗試通過單擊添加行按鈕將新行添加到表中。 但是,單擊“添加行”按鈕只會刷新頁面。
我嘗試了多種方法來阻止這種情況,例如preventDefualt
並return false
,但都無濟於事。
<script type="text/javascript">
$(function() {
$('#btn-add-item').on('click'),
function(e) {
e.preventDefault();
alert("works");
return false;
}
});
</script>
<button class="btn btn-primary btn-sm" id="btn-add-item"><i class="fa fa-plus"></i> Add item</button>
您必須正確關閉click
處理程序,檢查結束括號的位置。
以下是具有正確格式的代碼段:
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script type="text/javascript"> $(function() { $('#btn-add-item').on('click', // <-- removing end paranthesis after "click" event will close the function function(e) { e.preventDefault(); alert("works"); return false; }); // <-- adding end paranthesis here }); </script> <button class="btn btn-primary btn-sm" id="btn-add-item"><i class="fa fa-plus"></i> Add item</button>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.