我有以下div：
<div class='amazingmenu' id='menupull'>
<img src='images/down.png' width=20 height=20 align='right'/>
<div id='menupullhideme'>click the arrow to read the rest!<br /></div>
more jokes on <a href='http://www.amazingjokes.com'>amazingjokes.com</a>
</div>
单击DIV或图像应该在jQuery中执行某些功能：
$('#menupull').click( function() {
alert( 'pullmenu clicked' );
});
我想做到这一点,它只在我点击DIV或图像而不是链接时提醒消息.试过这个：
$('#menupull:not(a)').click( function() {...
但那没用.有任何想法吗？
解决方法
问题可能是事件冒泡..你可以做什么,是在你的“点击”事件检查中,如果nodeName / tagName是否为A,如果是,则中止你的其余功能并让锚只做它的事情.
我的jQuery有点生疏,因为我自己并没有使用它,但我觉得这样的事情……
$('#menupull').click( function(e) {
var target = $(e.target);
if( target.is('a') ) {
return true; // True,because we don't want to cancel the 'a' click.
}
});
