<script language="javascript">
$(".delete").hover(function(){ // наводим на кнопку Delete
$(this).toggleClass("delete_hover");
});
$(".delete").click(function(){ // нажимаем на кнопку Delete
$(this).parents(".favorite_table").hide("normal");
});
$(".favorite_table").hover(function(){ // наводим на таблицу
$(this).toggleClass("favorite_hover");
});
$(".favorite_table").click(function(){ // нажимаем на таблицу
window.location=$(this).find("a").attr("href"); return false;
});
</script>
<div id="favorite">
<table width="100%" height="51" border="0" cellpadding="0" cellspacing="0" class="favorite_table">
<tr>
<td width="46" height="45" rowspan="2"><img src="img\menu_image_hover.png" /></td>
<td width="686" height="29" class="favorite_title">Net23.info >> Видео</td>
<td width="29"><div class="delete"></div></td>
</tr>
<tr>
<td height="21" class="favorite_link"><a href="http://net23.info/index.php?do=cat&category=video" />http://net23.info/index.php?do=cat&category=video</td>
<td width="29"><div id="edit"></div></td>
</tr>
</table>
</div>
Вопрос по JQuery
Есть большая кнопка в виде таблицы, в ней еще кнопка, которая скрывает эту таблицу, но при нажатии на кнопку, происходит переход на другую страницу а только потом скрывается и сама таблица! Как сделать, так чтобы меня не перекидывала по ссылке при нажатии на кнопку delete?
|favorite_table--------------|
|.........................______..|
|........................|delete|..|
|-----------------------------|
|favorite_table--------------|
|.........................______..|
|........................|delete|..|
|-----------------------------|
Код:
Код:
var tmp=true;
$(".delete").hover(function(){ // наводим на кнопку Delete
$(this).toggleClass("delete_hover");
});
$(".delete").click(function(){ // нажимаем на кнопку Delete
$(this).parents(".favorite_table").hide("normal");
tmp=false; //ставим флаг
});
$(".favorite_table").hover(function(){ // наводим на таблицу
$(this).toggleClass("favorite_hover");
});
$(".favorite_table").click(function(){ // нажимаем на таблицу
if(tmp) { //проверяем флаг, если был клик по Delete, то ничего не делаем.
window.location=$(this).find("a").attr("href"); return false;
tmp=false
}
});
$(".delete").hover(function(){ // наводим на кнопку Delete
$(this).toggleClass("delete_hover");
});
$(".delete").click(function(){ // нажимаем на кнопку Delete
$(this).parents(".favorite_table").hide("normal");
tmp=false; //ставим флаг
});
$(".favorite_table").hover(function(){ // наводим на таблицу
$(this).toggleClass("favorite_hover");
});
$(".favorite_table").click(function(){ // нажимаем на таблицу
if(tmp) { //проверяем флаг, если был клик по Delete, то ничего не делаем.
window.location=$(this).find("a").attr("href"); return false;
tmp=false
}
});
Главное, если будешь делать функцию для разворачивания таблицы - добавь в неё изменение флага tmp = true; иначе возможны проблемы.