允許訪客選擇帶有表格的輪播幻燈片編號

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提交，它將重新加載頁面並返回第一張幻燈片。

我檢查了其他解決方案，例如將輪播功能綁定到action屬性或onsubmit，但似乎沒有任何效果。

Answer 1

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

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