Member 12761137 Ответов: 3

Событие On click не срабатывает во всплывающем окне jquerry

попробуйте нажать на кнопку из кода jquerry. но событие onclick не срабатывает. код, который я вставил ниже
пробовал следовать не из них работать
$('#<%=hidButton.ClientID%>'). нажмите кнопку();

document. getElementById('<%=hidButton.ClientID%>'). нажмите кнопку();

$("[id*=Button1]"). нажмите кнопку();







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

<!DOCTYPE html>

<<!DOCTYPE html>

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

    <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" />
    <title></title>
</head>
<body>
    <form id="form1" runat="server">

    
<script type="text/javascript">
    $("[id*=btnModalPopup]").live("click", function () {
        
        $("#modal_dialog").dialog({
            title: "Select The Format You Wanted",
            height: 300,
            width: 400,
            buttons: {
                'Select All': select,
                Save: save,
                Cancel: cancel,
                Testclick: Testclick
                
        
            },
            modal: true
        });
        
        return false;
    });
    function Testclick() {
        
        
        var clickButton = document.getElementById("<%= test.ClientID %>");
        clickButton.click();
        
    }
    function select() {
        $(':checkbox').prop('checked', true);
    }
    function save() {
        
        $(this).dialog('close');
    }

    function cancel() {
        
        $(this).dialog('close');
        $(':checkbox').prop('checked', false);
    }




 






</script>
<div id="modal_dialog" style="display: none">
    
   PDF <asp:CheckBox ID="CheckBox1" runat="server" />
   WORD <asp:CheckBox ID="CheckBox2" runat="server" />
   CSV <asp:CheckBox ID="CheckBox3" runat="server" />
    XL<asp:CheckBox ID="CheckBox4" runat="server" />
   XML <asp:CheckBox ID="CheckBox5" runat="server" /><br />
      
</div>
 <asp:Button ID="test" runat="server" Text="Button"  OnClick = "Button1_Click" />
      
<asp:Button ID="btnModalPopup" runat="server" Text="Test" />


    </form>
</body>
</html>


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

пробовал следовать не из них работать
$('#<%=hidButton.ClientID%>'). нажмите кнопку();

document. getElementById('<%=hidButton.ClientID%>'). нажмите кнопку();

$("[id*=Button1]"). нажмите кнопку();

Karthik_Mahalingam

запустите это в $('#<%=hidButton.ClientID%>') окно консоли и проверьте, что оно возвращает объект button.

Vincent Maverick Durano

Какое событие click не срабатывает, onclick на стороне клиента или onclick на стороне сервера? Вы пробовали использовать отладчик для проверки ошибок JavaScript? Также можно попробовать добавить оповещение в свой Testclick() функция?

функция Testclick() {
alert ('вызывается');
}

3 Ответов

Рейтинг:
1

Member 11419276 

$('.btnApply').on('click', function () {
                $("#alt-model").dialog({
                    autoOpen: true,
                    position: { my: "center", at: "top+350", of: window },
                    width: 1000,
                    resizable: false,
                    title: 'Add User Form',
                    modal: true,
                    open: function () {
                        $(this).load('@Url.Action("GetConfirmationMessage", "Jobs")');
                    }
                });


ОПЕРАЦИОННАЯ

$('[data-toggle="modal"]').click(function (e) {
            e.preventDefault();
            var url = $(this).attr('href');
            if (url.indexOf('#') == 0) {
               $(url).modal('open');
            } else {
                    $.get(url, function (data) {
                    $('<div class="modal hide fade">' + data + '</div>').modal();
            }).success(function () { $('input:text:visible:first').focus(); });
      }
 });

Рейтинг:
1

khoddami

привет
Для выполнения команды можно использовать встроенные события

любить 

<asp:button id="btn_test" runat="server" onclick="javascript:doClick(this , event)">


<script>

 function doClick(sender , e)
{

$("#modal_dialog").dialog({
            title: "Select The Format You Wanted",
            height: 300,
            width: 400,
            buttons: {
                'Select All': select,
                Save: save,
                Cancel: cancel,
                Testclick: Testclick
                
        
            },
            modal: true
        });
        
        return false;

}

</script>


</asp:button>

Vincent Maverick Durano

Это может сработать, но на самом деле есть специальный OnClientClick событие для asp.net кнопки управления. Вы можете использовать это вместо onclick.

Рейтинг:
0

Harpreet05Kaur

Привет,
Вы можете попробовать вот так :

$("#btnModalPopup"). click (функция({
});
или
$("#btnModalPopup"). live ("click", функция({
});

Vincent Maverick Durano

Вы можете в конечном итоге получить исключение null reference при таком доступе с помощью asp.net элементы управления, так как серверные элементы управления будут генерировать идентификаторы на основе именования контейнеров. Вместо этого всегда безопасно использовать ClientID или, еще лучше, назначить класс и использовать его для ссылки на элемент управления.