Jquery Dialog does not open on mvc3 application

Question

I have a simple application on mvc3 with razor before i Open the dialog I tried to open an "alert" and it works correctly so function its working on the event but when i comment this alert and try to open the dialog it just does not work

@model MvcApplication1.Models.LogOnModel

@{
    ViewBag.Title = "Create";
}

<script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript"></script>    
<script src="@Url.Content("~/Scripts/jquery-ui-1.8.11.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.js")" type="text/javascript"></script>

<link href="@Url.Content("~/Content/themes/base/jquery.ui.all.css")" rel="stylesheet" type="text/css" />

<h2>Index</h2>

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

        $('#dialog').dialog({
            autoOpen: false,
            width: 400,
            resizable: false,
            title: 'hi there',
            modal: true,

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

        $('#contactForm').submit(function (e) {
            //alert("entro a funcion");
            e.preventDefault();
            $('#dialog').dialog('open');
        });

    });
</script>



@using (Html.BeginForm("Index", "Infracciones", FormMethod.Post, new { id = "contactForm"}))
{
@Html.ValidationSummary(true)
    <fieldset>
        <legend>Infraccion</legend>

      </fieldset>
    <p>
    <input value="Guardar" type="submit" name = "button"/>
    </p>
}

where is your dialog open statement? where is your dialog body (div)? — Dave Alperovich
– Dave Alperovich, Commented Mar 24, 2013 at 1:50

Juan Carlos · Accepted Answer · 2013-03-25 03:49:36Z

1

You only need to add this:

<div id="dialog">

In the body.

answered Mar 25, 2013 at 3:49

Juan Carlos

401 silver badge6 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Victor Zanabria Over a year ago

yep and close div too if you want to =)

Sharun · Accepted Answer · 2013-03-24 08:13:53Z

0

try:

$('#dialog').dialog();

instead of

$('#dialog').dialog('open');

answered Mar 24, 2013 at 8:13

Sharun

3,0926 gold badges32 silver badges60 bronze badges

1 Comment

Sharun Over a year ago

As Dave asked, where is your dialog body?

Collectives™ on Stack Overflow

Jquery Dialog does not open on mvc3 application

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related