启用和禁用的股利采取点击一个div的单击事件

我有我的代码少的div如下图所示启用和禁用的股利采取点击一个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。下面的代码会为每格（切换上点击）

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

我的要求是，Toggle_FanLeft和Toggle_FanRight应该单击事件只有当Toggle_ACicon被选中，否则对他们的点击，应禁用。点击Toggle_ACicon应该使它们处于活动状态，并使它们能够进行点击事件。

请帮助我！在此先感谢。

来源

2013-02-13 swati

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

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

来源

2013-02-13 09:49:49

假设您应该更好地测试'＃imgACiconPressed'的可见性。最新的代码将始终返回true，因为有两个图像，其中一个始终可见 – 2013-02-13 09:52:03

@FAngel什么使两个图像都可见？我没有跟随。 – 2013-02-13 09:53:44

这只是我的假设，但看看身份证一个是#imgACicon，第二个是#imgACiconPressed（显示“选定”状态？）。假设其中一个默认显示为none，第二个显示。当div被点击时，toogle会改变可见性 – 2013-02-13 10:02:25

启用和禁用的股利采取点击一个div的单击事件

回答

相关问题