0

フォームの下の div に計算された回答を表示する jQuery モバイル フォームを作成しています。基本的に、クライアント側の送信ボタンですが、イベントを発生させようとしてもうまくいきません。しかし、ページまたはDOMをリロードしているようです。送信ボタンが押される前に、選択したアイテムの値を実際には知りません。このフォームは何も投稿することになっていないのに、フォームが投稿されているように見えました。このフォームは、JSON ファイルから値を取得し、オプション、ラジオ ボタン、およびチェックボックスとして追加します。以下のコードは、送信ボタンがクリックされたときにまったく起動しないようです。

$("form").submit(function(event){
    alert("submit button clicked");
    event.preventDefault(); // stop default behaviour of submit
    event.stopPropagation(); //event handler moved to something else
    calculate(); //invokes the calculate method
}

これはクライアント側の送信ボタンになるため、フォームに必要な属性についてはよくわかりません。ID だけを取得し、すべての jQuery モバイル コントロールをフォーム内にラップしました。

送信イベントを適切に機能させようとしている完全なサイトは次のとおりです: http://goo.gl/C9tW7

更新: イベント ハンドラーの宣言でシャープ記号が欠落していたようです。ただし、この特定の問題は解決されているようです。送信ボタンのイベント ハンドラーは適​​切に起動していますが、表示する必要のある計算が適切に実行されていません。

4

2 に答える 2

1

あなたのコードから、終わりの括弧がありません

$("form").submit(function(event){
    alert("submit button clicked");
    event.preventDefault(); // stop default behaviour of submit
    event.stopPropagation(); //event handler moved to something else
    calculate(); //invokes the calculate method
}); //<-- here
于 2013-03-06T07:35:56.507 に答える
0

ボタンのマークアップが次のようになっていることを確認してください

<button data-theme="b" id="submit" type="submit">Submit</button>

フォームIDを正しく設定してください

于 2013-03-06T07:16:22.467 に答える