Question

我有一个按钮的2个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;
                }
            }
        });
});

两个功能怎么能一个接一个地开火？或者我如何在一个函数中编写两个逻辑？

Answer 1

试试这个，

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

Answer 2

问题不在于你的功能不会被一个接一个地调用。事实上，如果您正确使用大括号{}，它们就会被调用。请参阅下面的代码（最值得注意的是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。

2个jquery .click功能，一个按钮。火灾一个接一个地起作用

2 个答案: