1

jqueryポップアップを実装しました

なので

<script type="text/javascript">
        $(document).ready(function () {
            $("input[id$=btnclick]").click(function () {
                if ($("#content").html() != "") {
                    AlertDialog($("#content").html());
                }
            });
        });

        function AlertDialog(msg) {
            $.modaldialog.success(msg, {
                width: 400,
                height: 100
            });
        }
//        $(document).ready(function () {
//            if ($("#content").html() != "") {
//                AlertDialog($("#content").html());
//            }
//        });
    </script>

<asp:Button ID="btnclick" runat="server" Text="click me"   />

document.getready でポップアップが正しく開きますが、クリックしてもポップアップが開きません。

4

3 に答える 3

2

入力をクリックすると、入力がポストバックされます。おそらくe.preventDefault();asを使用してそれを防ぐ必要があります。

    $(document).ready(function () {
        $("input[id$=btnclick]").click(function (e) 
        {
            if ($("#content").html() != "") {
                // here prevent from post back
                e.preventDefault();

                AlertDialog($("#content").html());
            }
        });
    });

そしてテスト: http://jsfiddle.net/TwFX5/2/

于 2013-02-09T09:57:15.740 に答える
0

ID がある場合は、それを直接使用し、すべての入力で ID を検索しないでください。ブラウザのオーバーヘッドが増えるだけです。したがって、使用する代わりに

$("input[id$=btnclick]").click(function () {
    if ($("#content").html() != "") {
        AlertDialog($("#content").html());
    }
});

使用する

$("#btnclick").click(function () {
    if ($("#content").html() != "") {
        AlertDialog($("#content").html());
    }
});

そしてあなたの問題は、全体像を見ないと解決できません。また、関数内で同じ呼び出しを複数回行わないようにしてください。する代わりに

if ($("#content").html() != "") {
    AlertDialog($("#content").html());
}

行う

var markup = $("#content").html();
if (markup != "") {
    AlertDialog(markup);
}

最適化されたコードは、安全で高速なアプリケーションの鍵です。

于 2013-02-09T10:22:04.630 に答える
0

属性セレクターで:

$("input[id$=btnclick]")

内側の引用符がありません:

$("input[id$='btnclick']")
             ^        ^

JavaScript は問題ありません: http://jsfiddle.net/pf9PW/1/、内側の引用符の有無にかかわらず (ただし)、それらを持っている必要があります。

于 2013-02-09T09:58:31.757 に答える