Question

我的代码中有几个div，如下所示

 <div id="Toggle_ACicon">
       <img id = "imgACicon" src = "../images/Zone4/Z4_Ac-Button-released.png">
       <img id = "imgACiconPressed" src = "../images/Zone4/Z4_Ac-Button-pressed-hi.png">
    </div>

    <div id="Toggle_FanLeft">
       <img id = "imgFanLeft" src = "../images/Zone4/Z4-Fan-Dial-left-released.png">
       <img id = "imgFanLeftPressed" src = "../images/Zone4/Z4-Fan-Dial-left-pressed-hi.png">
    </div>

    <div id="Toggle_FanRight">
       <img id = "imgFanRight" src = "../images/Zone4/Z4-Fan-Dial-right-released.png">
       <img id = "imgFanRightPressed" src = "../images/Zone4/Z4-Fan-Dial-right-pressed-hi.png">
    </div>

每个div中的两个图像是在该div的每次单击时显示默认状态和单击状态。下面的代码用于每个div（点击切换）

$("#Toggle_FanRight").click(function()
{
    $(this).find('img').toggle();
});

我的要求是，Toggle_FanLeft和Toggle_FanRight只有在选择了Toggle_ACicon时才会点击事件，否则应该禁用点击它们。单击Toggle_ACicon应该使它们处于活动状态并使它们能够进行点击事件。

请帮帮我!! 提前致谢。

Answer 1

在切换前检查图像是否可见。

$("#Toggle_FanRight").click(function()
{
    if($("#Toggle_ACicon").find("img").is(":visible")){
       $(this).find('img').toggle();
    }
});

启用和禁用div以在单击div时执行单击事件

1 个答案: