Jquery 单击一个功能的按钮再次单击另一个功能

我有一个函数，当被调用时将加载一个外部css文件。此文件为视障人士生成网站的高对比度版本。我可以在单击图像按钮时调用此函数

现在我需要的是，当第二次单击同一个按钮时，能够重新加载页面。这种重新加载有效地删除了包含的css，并使站点恢复正常

我还没有找到任何代码允许我单击一次图像按钮来调用一个函数，然后再次单击同一个图像按钮来执行另一个操作

---

我以前试图问这个问题，但被告知我没有问任何问题。我希望以上内容很清楚，请询问您是否需要进一步澄清。

您可以设置一个全局变量：

jQuery(document).ready(function () {

    $('#test').click(function () {
        test();
    });

});

var calledonetime = false;

function test()
{
    if(calledonetime=== false)
    {
        calledonetime = true;
        alert('first time');
    }else
    {
        alert('second time');
    }

}

因此，当你第一次单击时，它将执行第一个操作，然后执行第二个操作

---

这是答案。

我想你可以做这样的事情

<img src= "..." onclick ="Mymethod();" alt="Imagename"/>


var IsCalledOnce = false;

function Mymethod()
{
 if(IsCalledOnce)
{
  //do something
}else
{
 //do something
}

IsCalledOnce = true;
}

var IsCalledOnce=false；
函数Mymethod（）
{
如果（被调用）
{
//做点什么
}否则
{
//做点什么
}
IsCalledOnce=true；
}

如果第一次没有刷新，则可以将值保存在全局变量范围中，其他时间则可以刷新

如果您想将该值保持更长时间 您可以使用以下任一选项

一,

2.饼干

3.希登菲尔德

4.数据库（通过ajax调用保存）

---

我为自己做了这个：

function zo(f1, f2){
  this.n = 0;
  this.z = function(){
    if(this.n === 0){
      f1(); this.n = 1;
    }
    else{
      f2(); this.n = 0; 
    }
  }
}
var whatever = new zo(function(){/*do stuff*/}, function(){/*do stuff*/});

请记住

这个
的上下文，它包含在您希望在
的上下文中调用的事件中

Element.onclick = function(){
  whatever.z.call(whatever);
}


如果希望在用户重新加载后记住状态，则希望将其存储在cookie或类似的文件中。
您可以创建一个全局变量
$

在函数中，您总是检查全局变量的值，然后定义从该值开始执行的操作

见：

我希望它能帮助你
试试这个

在html中

<a><img id="test" src="temp5.jpg" /></a>

这是简单而有用的


flag=true；
函数myFunction（）{
document.getElementById（“demo”）.innerHTML=flag？“第二段”：“第一段”；
flag=！flag
}
第一段
单击我
更改单击处理程序中的单击处理程序？是否在重新加载后发生第二次单击。。。。ie按钮点击会导致重新加载吗？不应该重新加载
function first() {
    $('#thing').html("first");
}

function second() {
    $('#thing').html("second");
}


$('#button').on("click", function () {
    first();
    $(this).on("click", function () {
        second();
    });
});

$(document).ready(function(){
    $.clicked = false;

    $("#loadCSS").click(function(e){
        if ($.clicked){
            // action to be taken to remove the CSS loaded
            $.clicked = false;
        } else {
            // action to be taken to load the CSS
            $.clicked = true;
        }
    });
});

<a><img id="test" src="temp5.jpg" /></a>

$(document).ready(function()
{
var action = 1;

    $("#test").click(function()
    {
    if ( action == 1 ) {
            $("#div2").css('display','block');
            action = 2;
        } else {
            $("#div3").css('display','block');
            action = 1;
        }
    });


    });