Question

i have implemented a jquery pop up

as

<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"   />

on document.getready the popup open correctly
but on click the pop up doesn’t open.Thanks for assistance

Answer 1

I see that you place the click on an input, inputs make post back, probably you need to prevent that using the 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());
            }
        });
    });

And a test: http://jsfiddle.net/TwFX5/2/