Demo

Question

我是开发部门的新手。我在Jquery中有一个小小的澄清。单个按钮应该具有两个不同的动作。让我们考虑一个按钮名称Pause / Resume，如果我点击暂停按钮，它应该通过点击它必须显示简历的相同按钮来警告暂停。

var flag = false;
$("#btn_pause_resume").click(function (){
if (flag)
{

alert("pause");
}
else
{
alert("Resume");
flag = true;
}

Answer 1

我最喜欢的方法是使用属性（数据）。有点像：

<button data-paused="false"></button>

这是一个解决方案：

$('#btn_pause_resume').click(function () {
    if ($(this).data('paused')==='false') {
        alert('Resumed...');
        $(this).data('paused', 'true');
    } else {
        alert('Paused...');
        $(this).data('paused', 'false');
    }
});

Demo

<小时/>

快速插件

这是我刚刚编写的插件，可以轻松实现：

$.fn.toggleClick=function(t,a,e){$(this).data("ToggleState",e||false),this.click(function(){"false"===$(this).data("ToggleState")?(t(),$(this).data("ToggleState","true")):(a(),$(this).data("ToggleState","false"))})};

将其添加到代码顶部，您可以执行以下操作：

$('#btn_pause_resume').toggleClick(
function () {
    alert('Resumed!');
},
function () {
    alert('Paused!');
}, true);//True makes second function run first

Demo

这会添加toggleClick功能。该函数有两个函数，每个函数都运行。

Answer 2

            var flag = false;
            $("#btn_pause_resume").click(function (){
                if (flag)
                {
                    flag = false;
                    alert("pause");
                }
                else
                {
                    flag = true;
                    alert("Resume");
                }
            });

Answer 3

以下是具有playStatus属性的播放器

var playStatus = false; （暂停）
$("#button").click(function(){
playStatus = !playStatus;
});

只需检查playStatus变量即可。 if（playStatus）{alert ....}

Answer 4

我注意到的第一件事是ckick函数需要代码末尾的右括号。 if语句应该专门检查false。我还建议使用三等于确保您检查特定类型。

这应该有用。

var flag = false;
$("#btn_pause_resume").click(function (){
    if (flag === false) {
        alert("pause");
    } else {
        alert("Resume");
        flag = true;
    {    
});

Answer 5

试试这个

<!DOCTYPE html>
<html>
<body>
<button id="btn" onclick="myFunction()">Pause</button>
<script>
  function myFunction() {
   var btn=  document.getElementById("btn");
    if(btn.innerHTML=="Pause")
    btn.innerHTML="Resume";
  else
      btn.innerHTML="Pause";
  }
</script>
</body>
</html>

一键两个不同的动作

5 个答案:

Demo

快速插件

Demo