我使用以下HTML和JQuery代码在网站中导航页面(我也使用Django;因此使用双花括号)。我的代码只在Safari中运行良好,但在Firefox、Chrome和Opera中运行不佳,尽管它在逻辑和语法上看起来都是正确的。你知道为什么它不起作用吗?提前感谢您的帮助。
更多信息:我现在使用的是Django开发服务器。我的操作系统是macOS High Sierra (10.13.6)。
<form id="myform" action="..." method="get">
<a class="pg-nav" data-nav-value="-1" href="">Previous</a>
<span id="pg-cur">{{ pageNumber }} / {{ totalNumPages }}</span>
<a class="pg-nav" data-nav-value="1" href="">Next</a>
<input id="pg" type="hidden" name="pg" value="0">
</form>
$('.pg-nav').click(function() {
var curPage = parseInt($('#pg-cur').text());
var navVal = parseInt($(this).data('nav-value'));
var newVal = curPage + navVal;
$('#pg').val(newVal);
$('#myform').submit();
});
发布于 2018-08-09 09:08:04
您的链接仍然尝试重新加载页面,因为您允许处理a
标记的默认行为。您可以使用.preventDefault()
方法来防止它:
$('.pg-nav').click(function(e) {
...
$('#myform').submit();
e.preventDefault();
});
https://stackoverflow.com/questions/51757076
复制相似问题