0

我的代码中几乎没有 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 应使它们处于活动状态并使其能够接受单击事件。

请帮我 ！！提前致谢 。

4

1 回答 1

2

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

$("#Toggle_FanRight").click(function()
{
    if($("#Toggle_ACicon").find("img").is(":visible")){
       $(this).find('img').toggle();
    }
});
于 2013-02-13T09:49:49.390 回答