Не работают события UI Tabs
$(document).ready(function() {
$("#featured").tabs({ fx: { opacity: 'toggle', duration: 'slow' }, select: function(event, ui) { alert('1234'); } }); }); При нажатии на вкладку не срабатывает событие select и не выводится сообщение. Методы и настройки работают. Использую <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/jquery-ui.min.js"></script> |
Вроде всё правильно, ошибки в коде не вижу. Однако duration я негде в табах не встречал ранее. Если можно покажи html
|
Забавно, и вправду события неработали. Может их в версии 1.5.3 ещё небыло ? ))
Зато с последней версией jquery UI всё вроде работает.
<head>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script type="text/javascript" src=" https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script>
</head>
<body>
<div id="tabs">
<ul>
<li><a href="#tabs-1">Nunc tincidunt</a></li>
<li><a href="#tabs-2">Proin dolor</a></li>
<li><a href="#tabs-3">Aenean lacinia</a></li>
</ul>
<div id="tabs-1">
1
</div>
<div id="tabs-2">
2
</div>
<div id="tabs-3">
3
</div>
</div>
<script type="text/javascript">
$(document).ready(function() {
$("#tabs").tabs({
fx: { opacity: 'toggle'},
select: function(event, ui) {
alert('1234');
}
});
});
</script>
</body>
|
| Часовой пояс GMT +3, время: 11:37. |