javascript - 如何告诉 JavaScript 什么都不做？

Question

我有一小段代码，像这样:

$("div.footerMenu li").click(
    function () {
        $("div.onScreen").hide();
        $(this).children("div.onScreen").fadeIn('fast');    
    },function(){
        $("div.onScreen").hide();
});//click

当我点击 <li> div .onScreen 显示得很好，但是当我点击这个 div 时，刚刚显示的功能隐藏并再次显示，但我不希望它再次执行此功能。所以我的问题是:我怎样才能以某种方式从 Javascript 中“分离/排除/隐藏”这个 div？

更新:

问题是，使用此方法以及其他使用 .one() 的方法，菜单的其余部分无法正常工作。有问题的站点here .我希望这个显示的 div 留在那里，当我点击它时，但当我点击他们的项目时 <li>我想显示其他 div(子菜单)(警告 - 该网站上的大图片)。

html 看起来像这样:

<div class="footerMenu"> <ul> <li>HOME<div class="onScreen"><div style="padding:50px;"><img src="fillTxt.png"></div></div></li> <li>PLENER<div class="onScreen"> <div style="padding:50px;"><img src="fillTxt2.png"></div></div> </li> <li>STUDIO<div class="onScreen"> <div style="padding:50px;"><img src="fillTxt.png"></div></div> </li> <li>INNE<div class="onScreen"> <div style="padding:50px;"><img src="fillTxt2.png"></div></div> </li> </ul> </div>

Answer 1

简单的解决方案是:

$('div.footerMenu li').unbind('click');

但是如果选择器上有多个点击处理程序，您可能希望一次只删除一个。这样做的方法是存储对正在传递的函数的引用:

function hideItem()
{
  ...code...
  //unbind the click event
  $(this).unbind('click', hideItem);
}

$('div.footerMenu li').click(hideItem);