How to block fire click() ?
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<base href="http://docs.jquery.com" />
<script src="http://code.jquery.com/jquery-1.3.js"></script>
<style>
div {
width: 90px;
height: 90px;
float:left;
padding: 5px;
margin: 5px;
background-color: #EEEEEE;
}
</style>
</head>
<body>
<div class="row" id="notMe">
<p>id="notMe"</p>
<a href="#" onclick="alert('click 1');">click</a>
</div>
<div class="row" id="myDiv">
<p>id="myDiv"</p>
<a href="#" onclick="alert('click 2');">click</a>
</div>
<script>
jQuery('.row').click(function(){
jQuery(this).find('a').click();
return false;
});
</script>
</body>
</
html
>
I have code like above. When user click on row i fire event click() on 'a' elem. But firing this event fire row click() event and i have neverending loop. How to block firing click() on row ?
ps: sorry for my english ;)
-