在Firefox中未觸發jQuery click（）24

Question

我正在使用jQuery在按下按鈕時進行一些Ajax調用。這在Chrome中完美運行，但單擊Firefox中的按鈕可以重新加載頁面。

<button class="form-control btn btn-primary" id="qa-next">Next</button> 
// using knockout to dynamically inject values in the page. 
// works when triggered manually 
$('#qa-next').click(function() { 
    $.post("@{QACardR}", ko.mapping.toJSON(viewModel), function(newQA) { 
    ko.mapping.fromJS(newQA, {}, viewModel); 
    }); 
}); 

的

$.post("@{QACardR}", ko.mapping.toJSON(viewModel), function(newQA) { 
    ko.mapping.fromJS(newQA, {}, viewModel); 
}); 

正常工作，如果我在控制檯中運行它。但點擊按鈕只是刷新頁面。所以我只能得出結論，問題是選擇器或點擊不在Firefox中工作。我究竟做錯了什麼？

Answer 1

使用e.preventDefault()你的點擊函數中

$('#qa-next').click(function() { 
    e.preventDefault(); 
    $.post("@{QACardR}", ko.mapping.toJSON(viewModel), function(newQA) { 
    ko.mapping.fromJS(newQA, {}, viewModel); 
    }); 
});