1

私はJQTouchを使って小さなウェブサイトを構築していますが、私がまだ遭遇した最初の問題はフォームにあります。

フォームがあります

<form action='action.php' class='jqt' id='ajax_post' method='post' name='pform'>

(でnameアクセスしようとしたときに属性があります)そしてその中には次のような要素document.pformのulリストがあります:a

<a class="submit" href="#"  value="somevalue">Text displayed</a>

フォームの下に、1つの非表示の入力フィールドを配置しました(1つの値のみをPOSTするため)。ここでの目標は、リンクの1つをクリックして送信することにより、入力フィールドに入力することです。

<input name='somename' type='hidden' />

送信時に、WebサーバーはPOSTが実行されたことを報告し、ページが元のフォームに戻る前に短いスライドアニメーションがあります。jqtouch.jsにハッキングして入力フィールドに入力しようとしても、機能しません(私が試しているのは$form.somename.value = $(this).attr('value');内部ですsubmitParentForm()

CSSはうまくキャプチャし、リストはうまく表示されます。実際、クラスを削除して、たとえば内部またはリンクの1つにsubmit独自のフォーム送信オーバーライドを挿入すると、jQTouchアニメーションではなく、リロードすることによって、POSTが実行され、次のページが表示されます。私の目標です。document.somename.value = %(this).attr('value'); document.pform.submit();hrefonClick

私の質問:ユーザーが要素をクリックしたときに要素valueのを入力したいフォームを投稿するときに、jQTouchを使用してスライドアニメーションを表示するにはどうすればよいですか?a

前もって感謝します。

4

1 に答える 1

1

フォームを送信しません(送信ボタンを使用する場合は、preventDefaultを使用します)。$ .post()を使用してデータを投稿し、次にjQT.goToを使用してスライドアニメーションで新しいページに移動します。もちろん、新しいページはjqTouchにあり、同じドキュメント内の別のdivのみであるため、$。post()のコールバックの応答を使用して、そのページに必要な情報を簡単に設定できます。

しかし、これはあなたがやろうとしていることに対する実行可能な解決策ではないかもしれません。私はその質問をよく理解していません。

于 2010-08-08T12:00:01.290 に答える