0

ダイアログボックスのボタンをクリックすると、表示されたり消えたりします。さまざまなプラグインと何百ものチュートリアルを使用するのに疲れましたが、ASP.Netページとそのマスターページからの継承を使用しているため、正しく機能しない理由がわかりません。

これがコードです、

    <asp:Content ID="Content4" ContentPlaceHolderID="cphSubmit" runat="server">
<div id="question" style="display:none; cursor: default"> 
        <h1>Would you like to contine?.</h1> 
        <input type="button" id="yes" value="Yes" /> 
        <input type="button" id="no" value="No" /> 
</div> 
   <input id="test" type="submit" value="Show Dialog" /> 
    <script type="text/javascript" src="/_layouts/1033/jquery.js"></script>
    <script type="text/javascript" src="/_layouts/1033/ui.core.js"></script>
    <script type="text/javascript" src="/_layouts/1033/jquery-ui-1.7.3.custom.js

"></script>
    <script type="text/javascript" src="JS.js"></script>
    <script type="text/javascript">
         $(document).ready(function() { 

        $('#test').click(function() { 
            $.blockUI({ message: $('#question'), css: { width: '275px' } }); 
    }); 

    $('#yes').click(function() { 
        // update the block message 
        $.blockUI({ message: "<h1>Remote call in progress...</h1>" }); 

        $.ajax({ 
            url: 'wait.php', 
            cache: false, 
            complete: function() { 
                // unblock when remote call returns 
                $.unblockUI(); 
            } 
        }); 
    }); 

    $('#no').click(function() { 
        $.unblockUI(); 
        return false; 
    }); 

}); 
</script>

<hr />
</asp:Content>

ここからダウンロードしたjqueryプラグイン、

私が使用しているJqueryプラグイン

4

3 に答える 3

2

使用しているので

<input id="test" type="submit" value="Show Dialog" />

どのダイアログが消えるかによってポストバックが発生します

<input id="test" type="button" value="Show Dialog" />
于 2012-05-04T12:36:30.310 に答える
0

このコードを試してみてください、私はそれがうまくいくことを願っています：

    $('#your form name').submit(function() { 
       $.blockUI({ message: $('#question'), css: { width: '275px' } });   
    });
于 2012-05-04T12:25:14.607 に答える
0

あなたのボタン#testは送信ボタンであり、メッセージを見たい場合はフォームへの送信を防ぐ必要があります

試す

$('#test').click(function(e) {
    e.preventDefault();
    $.blockUI({ message: $('#question'), css: { width: '275px' } }); 
});
于 2012-05-04T12:29:24.200 に答える