Question

我想实现一个类似于灯开关的Javascript API。

例如，实际HTML页面上有两个按钮作为UI。

两个按钮都有调用不同功能的事件处理程序。

例如，每个函数都有一个像状态一样的代码。

button1.onclick=function (){
   $("div").click(
        //code effects 2
   )
}

button2.onclick=function (){
   $("div").click(
        //Code effects 2
   )
}

我的代码在表面上工作正常，但是2个状态函数重叠。

效果将在剩下的时间内发生，直到下次重新加载文档。

基本上我想要实现的是，当点击1个按钮时，它将切换“关闭”由另一个按钮调用的功能状态，反之亦然。

因此，所达到的效果是独一无二的。

无论如何要实现这一点，或者任何专家都能指出我正确的方向。

提前致谢。

Answer 1

要做到这一点，你只需要一个存放'状态'的地方。您只需将开/关信息存储在cookie中即可。然后，每个javascript函数都可以检查和/或更新cookie中的值。

在页面加载时，您可以将cookie中的初始状态设置为您想要的任何内容（开/关）

使用jQuery，示例：

$(document).ready(function(){

    //set cookie to OFF state during initial load

    //add event handler for On button
    $('#buttonOn').click(function(){
        //set cookie to ON
    });

    //add event handler for Off button
    $('#buttonOff').click(function(){
        //set cookie to OFF
    });

});

jQuery有许多用于cookie支持的插件。我用过的最好的是： http://www.stilbuero.de/2006/09/17/cookie-plugin-for-jquery/

切换功能状态

1 个答案: