Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 27.10.2011, 02:23
Интересующийся
Отправить личное сообщение для Maximor17 Посмотреть профиль Найти все сообщения от Maximor17
 
Регистрация: 04.11.2010
Сообщений: 10

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, и то без анимации. Почему такое бывает? И как это поправить?
Ответить с цитированием
  #2 (permalink)  
Старый 27.10.2011, 02:36
Профессор
Отправить личное сообщение для zebra Посмотреть профиль Найти все сообщения от zebra
 
Регистрация: 14.09.2011
Сообщений: 523

Попробуйте заменить
<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. И смотрите ошибки через отладчики
Ответить с цитированием
  #3 (permalink)  
Старый 27.10.2011, 17:18
Интересующийся
Отправить личное сообщение для Maximor17 Посмотреть профиль Найти все сообщения от Maximor17
 
Регистрация: 04.11.2010
Сообщений: 10

Спасибо. проверю
Ответить с цитированием
Ответ


Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Не работает код внутри циклов DZHETIGAPA Events/DOM/Window 1 21.06.2011 01:03
animate z-index не работает shaltay jQuery 1 03.03.2011 22:14
ява-скрипт выборочно работает-не работает zeta777 Internet Explorer 0 20.01.2010 11:41
Динамическая HTML форма (FireFox - работает, IE - не работает) dm1tr1y Общие вопросы Javascript 10 11.12.2009 15:59
и снова IE (не работает смена style) lvil Элементы интерфейса 11 09.06.2009 16:37