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, время: 14:57. |