0

多くのスライドを含む 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;
        })

最初は機能しますが、2 回目に番号を入力して Enter キーを押して送信すると、ページがリロードされ、最初のスライドに戻ります。

カルーセル関数を action 属性にバインドしたり、onsubmit にバインドしたりするなど、他のソリューションを確認しましたが、何も機能していないようです。

4

1 に答える 1

0

次のように「キープレス」機能を使用できます。

$('#slide-number').bind('keypress', function(e) {
if(e.keyCode==13){
    // Enter pressed... do anything here...
}});
于 2013-07-14T18:43:36.430 に答える