允许访问者在表格中选择转盘幻灯片编号

allow visitor to pick carousel slide number w/ form

本文关键字：幻灯片 编号 选择 访问者 表格      更新时间：2023-09-26

我有一个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，但似乎什么都不起作用。

您可以按如下方式使用"keypress"功能。

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