Функция JavaScript () не работает в моем коде MVC - PullRequest
Новая
       2

Функция JavaScript () не работает в моем коде MVC

3 голосов
/ 20 июля 2011

Здесь мой JS-код 

      $(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>

Я изменил свой код ... Я включил окно предупреждения рядом с кнопкой ... Я могу получить окно предупреждения, когда нажимаю кнопку, но диалоговое окноне работает

1 Ответ

3 голосов
/ 20 июля 2011

Вы вложили две функции document.ready.Попробуйте так: 

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

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

Демо.

ОБНОВЛЕНИЕ:

После многочисленных комментариев похоже, что проблемы снастройка этого в приложении ASP.NET MVC.Итак, вот пошаговое руководство для получения рабочего решения:

  1. Создайте новое приложение ASP.NET MVC 2

  2. Замените содержимое представления Index.aspx наследующие: 

    <%@ 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. Запустите приложение

  4. Нажмите на кнопку Добавить значение
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...