не работает preventDefault()
Привет всем, всю голову сломал, учу jquery по видео курсу никак не работает код причем полная копия из видеокурса.
Помогите плиз, 5 раз переписал уже. <div id="gallery"> <div id="big"><img src="images/gal/start.jpg" alt="Старт" /></div> <div id="small"> <a href="images/gal/1.jpg"><img src="images/gal/1_mini.jpg" alt="Миниатюра 1" /></a> <a href="images/gal/2.jpg"><img src="images/gal/2_mini.jpg" alt="Миниатюра 2" /></a> <a href="images/gal/3.jpg"><img src="images/gal/3_mini.jpg" alt="Миниатюра 3" /></a> <a href="images/gal/4.jpg"><img src="images/gal/4_mini.jpg" alt="Миниатюра 4" /></a> </div> </div>
$(document).ready(function(){
$('#small a').click(function(eventObject){
$('#big img').hide(10000).attr('src',$(this).attr('href'));
$('#big img').load(function(){
$(this).fadeIn(2000);
});
eventObject.preventDefault();
});
});
|
Цитата:
|
Цитата:
|
Rise,
да не важно, все должно работать. Эльман, и лучше так:
$('#small').on('click', 'a', function(eventObject){
eventObject.preventDefault();
$('#big img').hide(10000).attr('src', this.href).load(function(){
$(this).fadeIn(2000);
});
});
Правда заложенная логика работы слайдера странная. |
Цитата:
|
Цитата:
|
Цитата:
но переход не осуществляется по ссылке и не появляется новая картинка. А если указываю вконце, то картинка новая появляется ,а потом переход по ссылке |
Rise,
В данном случае без проблем работает по любому. С экрана видео записать? ) |
Цитата:
С этим понятно теперь, что ж тогда неработает то? |
Цитата:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script>
$(function() {
$('#small').on('click', 'a', function(e){
e.preventDefault();
$('#big').html(this.innerHTML);
});
});
</script>
</head>
<body>
<div id="big">Rest</div>
<div id="small">
<a href="http://kudato.dmn/"><h4>Job</h4></a>
</div>
</body>
</html>
Отправляет на какой-то адрес? |
| Часовой пояс GMT +3, время: 01:10. |