0

В коде страницы подключен скрипт, который добавляет класс active к диву, на который наведена мышка

<script type="text/javascript" src="/jquery/jquery-1.8.0.min.js"></script>

<script type="text/javascript">
            jQuery(document).ready(function(){
                                $("div.right div.floatbox").hover(function() {
                $(this).toggleClass("active");
                    });
                }); 
</script>

плюс еще подключается слайдер carousel http://sorgalla.com/jcarousel/

<script type="text/javascript" src="/netcat_template/jquery/jquery.jcarousel.min.js"></script>
<script type="text/javascript">

        function mycarousel_initCallback(carousel)
        {
            // Disable autoscrolling if the user clicks the prev or next button.
            carousel.buttonNext.bind('click', function() {
                carousel.startAuto(0);
            });

            carousel.buttonPrev.bind('click', function() {
                carousel.startAuto(0);
            });

            // Pause autoscrolling if the user moves with the cursor over the clip.
            carousel.clip.hover(function() {
                carousel.stopAuto();
            }, function() {
                carousel.startAuto();
            });
        };

                jQuery(document).ready(function() {
            jQuery('#mycarousel').jcarousel({
            auto: 2,
            wrap: 'circular',
            scroll: 1,
            visible: 1,
            animation: 5000,
            buttonNextHTML: null,
            buttonPrevHTML: null,
            initCallback: mycarousel_initCallback,
            itemFallbackDimension: 100
                  });
                });

        </script>

<!-- Стили для слайдера -->
<style type="text/css">
    div#teaser {
        overflow: hidden;

    }
    .teaser-link {
        width: 628px;
    }

    .mycarousel-style {
        width: 628px;
        padding: 0;
    }
</style>

html-код

<div class="page_margins"><div id="teaser-box"><div id="teaser">

         <!-- Слайдер -->
         <div class="left">
          <ul id="mycarousel" class="mycarousel-style"><li>
          <div class="teaser-link">
            <h3><a href="/">СКИДКИ ДО 20%</a></h3>
            <p>В этом слайдере можно выводить информацию актуальных акциях, специальных предложениях и т.д. <a href="/">Подробнее</a></p>
          </div>
            <img src="/images/image.jpg" height="318" width="628" /></li></ul>
        </div>

        <!-- Акции и предложения -->

        <div class="right">

          <h2>Акции и предложения</h2>

          <div class="news-teaser floatbox">
              <a href="/news/news_3.html" class="preview icaption_left"><img src="images/teaser-news.jpg" alt="teaser-news.jpg, 2,3kB" title="Teaser news" border="0" height="54" width="74"></a>
            <span class="date"> 31 августа 2012</span>  <h3><a href="/news/news_4.html">Реорганизация предприятия</a></h3>
          </div>

          <div class="news-teaser floatbox active">
            <a href="/news/news_3.html" class="preview icaption_left"><img src="images/teaser-news.jpg" alt="teaser-news.jpg, 2,3kB" title="Teaser news" border="0" height="54" width="74"></a>
            <span class="date"> 31 августа 2012</span>  <h3><a href="/news/news_4.html">Реорганизация предприятия</a></h3>
          </div>

        </div>
      </div></div></div>

после подключения скрипта слайдера-карусели, скрипт, добавляющий класс к диву, перестает работать. Подскажите, чем это может быть вызвано?

1 ответ 1

3

jQuery.noConflict в помощь

5
  • пробовала, не помогает.
    – Heidel
    15 сен 2012 в 16:00
  • 1
    что в консоли при загрузке?
    – iurii_n
    16 сен 2012 в 19:45
  • в какой консоли? вы имеете виду файербаг?
    – Heidel
    17 сен 2012 в 6:06
  • именно его
    – iurii_n
    17 сен 2012 в 6:51
  • большое спасибо, оказалось, слой со слайдером-каруселью оказался выше чем слой, где к диву добавляется класс active, поэтому функция hover не срабатывала. все поправили)
    – Heidel
    17 сен 2012 в 9:06

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.