sudhakarthikeyan Ответов: 2

С помощью jQuery всплывающее окно будет отображаться с помощью кнопки "Отправить" нажать

Когда я нажимаю кнопку Отправить, появляется всплывающее окно


Отправьте код следующим образом




Отображение всплывающего окна с помощью кода Jquery следующим образом

$(функция () {
});

$("#btn_PDC"). click (функция() {
$('#divMessage'). показать();
});

в режиме запуска при нажатии кнопки отправки всплывающее окно не отображается.

Из моего вышеприведенного кода следует, что это ошибка.

Что я уже пробовал:

Когда я нажимаю кнопку Отправить, появляется всплывающее окно


Отправьте код следующим образом

в <тип входного = "кнопка" ID="btn_PDC" атрибут runat="сервер" класса="btnblue" значение= "отправить"и GT;


Отображение всплывающего окна с помощью кода Jquery следующим образом

$(функция () {
});

$("#btn_PDC"). click (функция() {
$('#divMessage'). показать();
});

в режиме запуска при нажатии кнопки отправки всплывающее окно не отображается.

Из моего вышеприведенного кода следует, что это ошибка.

ZurdoDev

Отладьте свой код. Работает ли $('#divMessage').show ();? Какое значение вы получаете с помощью $('#divMessage').длина?

2 Ответов

Рейтинг:
1

Karthik_Mahalingam

так и должно быть 

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

относиться Диалоговое окно пользовательского интерфейса | jQuery с [^]

Рейтинг:
0

manu_dhobale

Пожалуйста, попробуйте это

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm5.aspx.cs" Inherits="WebApplication1.WebForm5" %>

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.9/jquery-ui.js" type="text/javascript"></script>
<link href="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.9/themes/start/jquery-ui.css"

    rel="stylesheet" type="text/css" />
    <script type="text/javascript">
        $("[id*=btn_PDC]").live("click", function () {
            $("#divMessage").dialog({
                title: "jQuery Dialog Popup",
                buttons: {
                    Close: function () {
                        $(this).dialog('close');
                    }
                }
            });
            return false;
        });
    </script>
</head>
<body>
    <form id="form1" runat="server">
        <div>
            <input type="button" id="btn_PDC" runat="server" class="btnblue" value="Submit">
            <div id="divMessage" style="display: none;">this was hidden div message</div>
        </div>
    </form>
</body>
</html>