javascript – 在jquery中按两个按钮将显示此操作

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 在jquery中按两个按钮将显示此操作，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含939字，纯文字阅读大概需要2分钟。

内容图文

我基本上是在创建一个过滤按钮.
如果我按下按钮1 {这将发生}
如果按下按钮2 {这将发生}

但如果我按下button1然后按下按钮2 {这必须发生}

这是我到目前为止的代码.谢谢！

$(document).ready(function() {
       if($('#button1').click(function() &&   $('#button2').click(function()){
           //perform actions

    });

解决方法:

使用data-attribute尝试此操作

$('#button1').click(function(){
   alert('button one clicked');
   $(this).data('lastClicked',true);
 });

 $('#button2').click(function(){
   if(!!$('#button1').data('lastClicked')){
     alert('Button 1 then button 2')
   }else{
     alert('button two clicked');
   }
 });
$("body > *").not("#button1").click(function(){
  $('#button1').data('lastClicked',false);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="button1">Button 1 </button>
<button id="button2"> Button 2</button>
<button id="button3"> Button 3</button>

正如您所注意到,如果任何点击不在#button1上,那么下一次点击将不会被视为button1 – > BUTTON2

内容总结

以上是互联网集市为您收集整理的javascript – 在jquery中按两个按钮将显示此操作全部内容，希望文章能够帮你解决javascript – 在jquery中按两个按钮将显示此操作所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端