javascript - 允许访客选择带有表格的轮播幻灯片编号

Question

我有一个带有很多幻灯片的 jQuery 轮播（来自 Bootstrap），并且希望能够通过在 HTML 表单中输入数字来选择幻灯片编号，如下所示：

我的 HTML：

<form id="slide-number" >
  <input type="number" min="0" />
</form>

我的 jQuery：

jQuery('#slide-number').submit(function(){
            x = parseInt(jQuery('input').val());
            jQuery('.carousel').carousel(x);
            return false;
        })

它第一次工作，但第二次输入数字并按 Enter 提交时，它会重新加载页面并返回到第一张幻灯片。

我检查了其他解决方案，例如将 carousel 函数绑定到 action 属性或 onsubmit，但似乎没有任何效果。

Answer 1

您可以按如下方式使用“按键”功能。

$('#slide-number').bind('keypress', function(e) {
if(e.keyCode==13){
    // Enter pressed... do anything here...
}});