Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   animate Снова не работает (https://javascript.ru/forum/events/22629-animate-snova-ne-rabotaet.html)

Maximor17 27.10.2011 02:23

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, и то без анимации. Почему такое бывает? И как это поправить?

zebra 27.10.2011 02:36

Попробуйте заменить
<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. И смотрите ошибки через отладчики

Maximor17 27.10.2011 17:18

Спасибо. проверю


Часовой пояс GMT +3, время: 14:57.