2013-08-22 123 views
-2

我有2个jQuery的.click功能的一个按钮。函数应该一个接一个地开火。第二个功能不能触发。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; 
       } 
      } 
     }); 
}); 

如何既能功能大火此起彼伏?或者我怎么能在一个函数中编写两个逻辑?

+0

将其更改为调用两组功能的1个单击事件。 – Richard

+2

你好像在'“#<%= Button1.ClientID%>'后面缺少一个''',我没有在我的编辑中加入它,以防原因。 –

+0

第一个“confirm()”函数是否返回true?如果你从第一个函数返回false,它可能会取消第二个函数。 – Richard

回答

1

试试这个,

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

的问题不在于你的功能没有得到所谓的此起彼伏。事实上,如果您正确使用了大括号{},它们就会被调用。见下面我的代码(最值得注意的是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