2jquery.click函数用于一个按钮.火一个接一个地发挥作用

2 jquery .click functions for one button . fire functions one after another

本文关键字：一个 作用 函数 2jquery click 按钮 用于      更新时间：2023-09-26

我有两个jquery.click函数用于一个按钮。函数应该一个接一个地启动。第二个函数未启动。

<asp:Button ID="Button1" runat="server" Text="Save" Width="70px" />

// this function is fired 
$(document).ready(function () {
    $("#<%=Button1.ClientID%>).click(function () {
        //some code here
        var con = confirm("message");
        if (con) return true;
        else return false;
    });
});
// in another <script>
// this function is not getting fired
$(document).ready(function () {
        $("#<%=Button1.ClientID%>").click(function () {
                var con1 = confirm("message");
                if (con1) {
                    return true;
                } else {
                    return false;
                }
            }
        });
});

两种功能如何能相继启动？？或者如何在一个函数中同时写入两个逻辑？

试试这个，

<script>
    var clientId=<%=Button1.ClientID%>;
    $(document).ready(function () {
        $("#"+clientId).click(function () {
          var con1 = confirm("message");
          return con1;
        });
    });
</script>

问题不在于函数没有被一个接一个地调用。事实上，如果正确使用大括号{}，它们就会被调用。请参阅下面的代码（最值得注意的是js部分）：

HTML:

<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body>
  <Button ID="Button1" runat="server" Text="Save" Width="70px" >CLICK</Button>
</body>
</html>

JS:

$(function () {
    $("#Button1").click(function () {
        alert("1");
        var con = "message";
        if (con) return true;
        else return false;
    });
});

// this function is now getting fired
$(function () {
        $("#Button1").click(function () {
                alert("2");
                var con1 = "message";
                if (con1) return true;
                 else return false;
            });
});

请参阅此处的工作示例：http://jsbin.com/IkIx/1/edit像往常一样，记住run with js。

相关文章：