3

私はjqueryにあまり詳しくありませんが、フォームが送信されたときに表示される単純なアニメーションGIFを取得しようとしています。[送信]をクリックして画像をアップロードするときに、画像がアップロードされていることをユーザーに知らせるためにgifを表示したいと思います。送信ボタンにはid="submit"とonClick="returnconfirm（'message'）"があります

私はgifを含むdivコードを持っています：

<div id="loading" style="display:none">

    <img src="images/hand_timer2.gif" alt="loading" />

</div>

隠されています。そして、スタイルを削除したかどうかが表示されます。けっこうだ。しかし、次のJavaScriptで表示しようとすると、表示されません。

<script type="text/javascript">

    $(function(){
        $('#submit').click(function(){
        $('#loading').show();

        }); 
    });

私は持っています

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"    
type="text/javascript"></script>

別のPHPヘッダーファイルにあります。私が見る限り、それはjqueryライブラリへの唯一の参照ですが、すべてが機能する他のjavascriptコードがあります。これを動作させることができません。誰かが私が間違っていることと、送信をクリックしたときにdivにgifを表示させることができない理由を指摘できますか？

4

1 に答える 1

1

問題は、インラインonClick="return confirm('message')"でクリック イベントが jQuery に接続されたクリック イベント リスナーに到達しないことが原因である可能性があると思いますが、確かではありません。とにかく、送信ボタンのクリックイベントをリッスンする代わりに、フォームが実際に送信されたときに発生するフォームの送信イベントをリッスンします（フォームは通常、送信をクリックする以外の方法で投稿できますボタンも同様です - たとえば Enter キーを使用します)。

$('#idOfYourForm').on("submit", function () {
    $('#loading').show();
});

サイドノート：

読み込んでいる div で style 属性を適切に閉じていません (>が青色であることに注意してください)。

<div id="loading" style="display:none>
于 2012-12-13T22:49:35.807 に答える