Question

首先我要解释一下我的情况：

我有一个用户登录或注册的页面。登录控件和寄存器文本框有两个不同的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();
    }
});

这是我的jQuery，我想从代码隐藏按钮onclick事件调用completereg();，我的按钮在UpdatePanel。

Answer 1

首先，您需要将您的功能移到$(document).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函数的作用是侦听目标点击（document）并检查触发器的id（#idofbutton）并执行函数...这适用于尚未添加的元素到DOM。 Documentation for on() here

目标，在这种情况下是document，应该是触发元素的父元素 - 这应该是一个有用的div。

从后面的代码和ajax调用Jquery函数

1 个答案: