Home/ Questions/Q 6155909
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-23T20:31:05+00:00

Here my JS code $(function () { $(.button).live(click, function () { alert(Dialog page function

  • 0

Here my JS code

      $(function () {

               $(".button").live("click", function () {
        alert("Dialog page function is working!");
        $(".dialog").dialog("open");
    });

        $(".dialog").dialog({
            buttons: {
                "Ok": function () {
                    $(this).dialog("close");
                }
            }
        });
});



<td>
    <input type="button" value="Add Value" class="button" />
</td>

I have edit my code.. I have include the alertbox in side the button.. i am able to get the alert box when i click the button but dialog box is not wrking

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You have nested two document.ready functions. Try like this:

    $(function () {
    $(".button").live("click", function () {
        $(".dialog").dialog("open");
    });

    $(".dialog").dialog({ 
        autoOpen: false,
        buttons: { 
            "Ok": function () { 
                $(this).dialog("close"); 
            } 
        } 
    });
});

    Demo.

    UPDATE:

    After the numerous comments it looks like there are still problems with setting this up in an ASP.NET MVC application. So here’s a step by step guide to get a working solution:

    1. Create a new ASP.NET MVC 2 application

    2. Replace the contents of Index.aspx view with the following:

      <%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage" %>
<!DOCTYPE html>
<html>
<head>
    <title>Index</title>
    <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/themes/base/jquery-ui.css"> 
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> 
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/jquery-ui.min.js"></script> 
    <script type="text/javascript">
        $(function () {
            $('.button').live('click', function () {
                $('.dialog').dialog('open');
            });

            $('.dialog').dialog({
                autoOpen: false,
                buttons: {
                    'Ok': function () {
                        $(this).dialog('close');
                    }
                }
            });
        });
    </script>
</head>
<body>
    <input type="button" value="Add Value" class="button" /> 
    <div class="dialog"> 
        sadffasdf
    </div> 
</body>
</html>

    3. Run the application

    4. Click on the Add value button
    • 0