2

MVC3 で jQuery を使用して、単純な HTML ボタンのクリックでポップアップ ボックスを表示したい。これを行う方法のサンプルは何でしょうか?

4

4 に答える 4

1

ボタンクリックイベントを処理divし、クリック時にを表示するには、次のようにします。

$("#button").click(function() {
    $("#yourDialog").show();
});

http://jsfiddle.net/yGtwT/

jQuery Dialogを使用して「ポップアップ」を表示することもできます。

$(document).ready(function() {
  $("#yourDialog").dialog();
}); 

$("#button").click(function() {
   $("#yourDialog").dialog('open');
});​

http://jqueryui.com/dialog/

于 2012-10-11T17:01:42.320 に答える
0

さまざまなタグ値、最初に html を選択するポップアップ ボックスを表示する方法を次に示します。

<div style="display: none">
    <div id="tagDialogBox" title="Add Tags">
    @* other html here *@
    </div>
</div>

ここに jQuery があります。ダイアログ フィールドをフォームの一部として送信できるようにするには、.parent().appendTo($("formname"))を追加する必要があることに注意してください。

function showTagDialogBox() {
    $('#tagDialogBox').dialog({
        autoOpen: true,
        title: "Select Tags",
        modal: true,
        height: 530,
        width: 800,
        buttons: {
            "Ok": function () {
                $(this).dialog("close");
            }
        }
    }).parent().appendTo($("form:first"));

    return false;
}
于 2012-10-11T20:19:51.910 に答える
0

モーダル ダイアログを含む jquery ライブラリを使用します。

于 2012-10-11T17:06:12.067 に答える
0

これは非常に簡単です。

<input type="button" onclick="$('dialogbox').dialog();"/>

また、jquery ui ページの例。これは非常にシンプルです（アニメーションも含まれていますが、例としてそれを引き出すことができます）

http://jqueryui.com/dialog/#animated

于 2012-10-11T20:29:03.203 に答える