我正在嘗試使用 Jquery 在同一選項(xiàng)卡中加載頁(yè)面，但頁(yè)面會(huì)重新加載。因此，為了調(diào)試，我嘗試在新選項(xiàng)卡中打開頁(yè)面并且運(yùn)行良好，我還嘗試使用位置 href 打開像 Google 那樣的常規(guī)頁(yè)面，但頁(yè)面只是重新加載。檢查網(wǎng)絡(luò)服務(wù)器日志我看到：::1 - - [13/Aug/2020:23:04:27 +0200] "GET /search.php?q=zagor HTTP/1.1" 200 10717::1 - - [13/Aug/2020:23:04:27 +0200] "GET /index.php HTTP/1.1" 200 52293因此，似乎在調(diào)用之后有一個(gè)對(duì)同一位置的調(diào)用覆蓋了第一個(gè)位置，但我找不到它發(fā)生的位置。Jquery函數(shù)：$('.site-btn').on('click', function() { var query = "search.php"; var qValue = $("input[id='q']").val(); if (qValue.length != 0) { query = query + "?q=" + qValue; } var filterByValue = $("input[name='filterby']:checked").val(); if (filterByValue != null) { query = query + "&by=" + filterByValue; } var filterLimitValue = $("input[name='filterlimit']:checked").val(); if (filterLimitValue != null) { query = query + "&limit=" + filterLimitValue; } var filterOrderValue = $("input[name='filterorder']:checked").val(); if (filterOrderValue != null) { query = query + "&order=" + filterOrderValue; } location.href = query;});
2 回答
慕沐林林
TA貢獻(xiàn)2016條經(jīng)驗(yàn) 獲得超9個(gè)贊
嘗試傳遞event給函數(shù)，然后傳遞給event.preventDefault()它，就像這樣 // 第一行，然后執(zhí)行你的邏輯
$('.site-btn').on('click', function( event ) {
event.preventDefault();
// ...
var query = "search.php";
var qValue = $("input[id='q']").val();
// ..
location.href = query;
});
HUWWW
TA貢獻(xiàn)1874條經(jīng)驗(yàn) 獲得超12個(gè)贊
在您的 HTML 中，您有：
<form>
<input type="text" id="q" placeholder="What comic are you searching?">
<button class="site-btn">SEARCH</button>
</form>
a 中type的默認(rèn)值為，因此當(dāng)您單擊它時(shí)，您將導(dǎo)致表單提交，從而導(dǎo)致頁(yè)面重新加載。解決方案是將按鈕指定為常規(guī)按鈕：buttonformsubmit
<button type="button" class="site-btn">SEARCH</button>
另一個(gè)解決方案是刪除<form>和</form>標(biāo)簽，因?yàn)槟鷮?shí)際上并未在任何地方提交數(shù)據(jù)。然后你就可以不管它了，button因?yàn)樗粫?huì)再出現(xiàn)了form，所以不會(huì)submit發(fā)生。
- 2 回答
- 0 關(guān)注
- 221 瀏覽
添加回答
舉報(bào)
0/150
提交
取消