animate Снова не работает
html:
<a id="arrow-l" class="arrow" href="javascript:slide('left');"><img src="/images/arrow-l.png" /></a>
<a id="arrow-r" class="arrow" href="javascript:slide('right');"><img src="/images/arrow-r.png" /></a>
<div id="wrap">
<table cellpadding="0" cellspacing="0" id="carousel">
<tbody>
<tr>
<?php while (have_posts()) : the_post(); ?>
<td>
<div class="post-caption"><?php the_title(); ?></div>
<div class="post-date">Posted: In: </div>
<div class="post-item">
<?php the_content(); ?>
</div>
</td>
<?php endwhile; ?>
</tr>
</tbody>
</table>
</div>
css:
#conteiner #content #wrap { position: relative; width: 880px; height: 370px; overflow: hidden; display: block; }
#conteiner #content #carousel { position: absolute; width: 999999999px; display: block; }
js:
function slide (side) {
$('#carousel').animate({marginLeft:'200px'}, 'fast');
}
должно двигаться. Но не работает хоть ты тресни. Работает только hide, и то без анимации. Почему такое бывает? И как это поправить? |
Попробуйте заменить
<a id="arrow-l" class="arrow" href="javascript:slide('left');"><img src="/images/arrow-l.png" /></a>
<a id="arrow-r" class="arrow" href="javascript:slide('right');"><img src="/images/arrow-r.png" /></a>
На <a id="arrow-l" class="arrow" href="#"><img src="/images/arrow-l.png" /></a> <a id="arrow-r" class="arrow" href="#"><img src="/images/arrow-r.png" /></a> и добавить такой код
$(document).ready(function() {
$('#arrow-l, #arrow-r').click(function() {
$('#carousel').animate({marginLeft:'200px'}, 'fast');
alert('bida');
});
});
Если alert не вывелся, посмотрите подключен ли jquery. И смотрите ошибки через отладчики |
Спасибо. проверю
|
| Часовой пояс GMT +3, время: 15:06. |