html - HTML ボタンの奇妙な動作

Question

ページ内のボタンで奇妙な問題が発生しています。アクション ボタンとして 3 つのボタンがありますが、3 番目のボタン クリック イベントは呼び出されません。基本的に 3 つのボタンの機能は、「Prev」、「Next」、「Exit」です。最初は「前へ」ボタンは無効になっています。「次へ」ボタンと「終了」ボタンの両方が有効になりました。「次へ」のクリックイベントは機能していますが、「終了」のクリックイベントは機能していません。マウスをホバーすると、ホバー機能もこのボタンで機能しません。しかし、「次へ」をクリックすると、自動的に機能し始めます。何が起こっているのかわかりません。ボタンのコードはこちら

<div id="controls">
                <input type="button" id="prev" name="prev" value="Prev" disabled="" />
                <input type="button" id="next" name="next" value="Next" />
                <input type="button" id="exit" name="exit" value="Exit" />
</div>

これらのボタンのバインディングは次のとおりです -

$('#next').bind('click', next);
$('#prev').bind('click', prev);
$('#exit').bind('click', exit);

ボタンを別のボタンに置​​き換えようとしましたが、別の JavaScript 関数を試しましたが、何も機能しません。また、「次へ」ボタンと「終了」ボタンを入れ替えると、「終了」が機能し、「次へ」が機能しなくなります。これは本当に面倒です。あらゆる種類のデバッグを試みましたが、うまくいきません

どんな助けでも大歓迎です。ありがとう。