从代码隐藏和ajax调用Jquery函数

从代码隐藏和ajax调用Jquery函数,jquery,ajax,Jquery,Ajax,首先,我将解释我的senario: 我有一个用户登录或注册的页面。登录控件和注册文本框位于两个不同的div中,我使用jQuery隐藏其中一个并显示另一个 然后在registerdiv中,我有一个ScriptManager和一个UpdatePanel,在它的内容模板中,我有一个名为check的按钮,它检查给定的用户名是否已经被选中。(我把它放在那里,因为我不想要回邮) 现在我要编写以下代码: 当按钮事件发生时,在调用jQuery函数后检查用户名,以显示包含所有其他文本框的div <scrip

首先,我将解释我的senario:

我有一个用户登录或注册的页面。登录控件和注册文本框位于两个不同的div中,我使用jQuery隐藏其中一个并显示另一个

然后在
register
div中,我有一个
ScriptManager
和一个
UpdatePanel
,在它的内容模板中,我有一个名为
check
的按钮,它检查给定的用户名是否已经被选中。(我把它放在那里,因为我不想要回邮)

现在我要编写以下代码:

当按钮事件发生时,在调用jQuery函数后检查用户名,以显示包含所有其他文本框的div

<script type="text/javascript">
$(document).ready(function () {
    var ide = $("#reg");
    var log = $("#login");
    var reg = $("#register");
    var regfull = $("#regfull");
    reg.hide();
    regfull.hide();

    ide.click(function () {
        log.fadeOut().delay(1000);
        reg.show("slow");
    });
    function completereg() {
        regfull.show();
    }
});

$(文档).ready(函数(){
变量ide=$(“#reg”);
var log=$(“#登录”);
var reg=$(“#寄存器”);
var regfull=$(“#regfull”);
reg.hide();
regfull.hide();
ide.click(函数(){
log.fadeOut()延迟(1000);
注册显示(“慢”);
});
函数completereg(){
regfull.show();
}
});


这是我的jQuery,我想调用
completereg()从代码隐藏按钮单击事件,我的按钮位于
UpdatePanel

中。首先,您需要将函数移到
$(文档)之外。ready()
块:

$(document).ready(function () {
    var ide = $("#reg");
    var log = $("#login");
    var reg = $("#register");
    var regfull = $("#regfull");
    reg.hide();
    regfull.hide();

    ide.click(function () {
        log.fadeOut().delay(1000);
        reg.show("slow");
    });
});

function completereg() {
    $("#regfull").show();
}
然后将以下内容添加到
$(document).ready()
块中,以侦听单击并执行
completereg
函数:

$(document).on('click','#idofbutton',function(event) {
    completereg();
});
on函数的作用是监听目标(
文档
)上的点击,检查触发器的id(
#idofbutton
),并执行该函数。。。这适用于尚未添加到DOM的元素


目标,在本例中是
文档
,应该是trigger元素的父元素-这实际上应该是一个containing div。

您好,谢谢,但有件事。。。当我jit类型为ajax的按钮时,因此没有document.ready,这就是为什么我将代码传递到litral的方法现在不起作用的原因。当没有document.ready事件发生时,我如何让jquery工作?@user1105338请将HTML添加到您的问题中,并添加所有javascript,或者更好地创建一个