jquery - asp.net ページ(C#)の Web ページでボタンをクリックすると、再度読み込まれ、動作するはずの jquery 関数が正しく動作しませんでした。

Question

私はいくつかのjqueryを行うのに役立つものを探しています。クリックするとダイアログが表示され、ダイアログボックスが画面に表示されている間は画面が非アクティブになります。シンプルなhtmlページで問題なく動作しています。しかし、ボタンの下のようなフォーム読み込みイベントで問題が発生し、ページの更新をクリックすると、ページの更新中にゴーストのようなダイアログボックスが2番目に表示されます。ボタンをクリックしてjQueryコードを実行したときに、このページの読み込みを停止したいだけです。うまく説明できれば幸いです。これは jQuery コードです。

 $("#showDialog").click(function () {
    $(".page-header").block({
              message: '<h1>Processing</h1>',
              css: { border: '3px solid #a00' }
    }); 

Answer 1

preventDefault() を使用して、イベントのバブリングを防ぐことができます。

    $("#showDialog").click(function (e) {

        e.preventDefault();

        $(".page-header").block({
            message: '<h1>Processing</h1>',
            css: { border: '3px solid #a00' }
        });


});  //<---This seemed to be missing in your code.