Проблема с jQuery animate () на панели, которая содержит whatSlider () - PullRequest
Новая
       19

Проблема с jQuery animate () на панели, которая содержит whatSlider ()

0 голосов
/ 25 января 2011

Я использую jQuery everythingSlider для поворота контента.У меня есть небольшая вкладка под слайдером, на которой пользователь может щелкнуть, чтобы переключить отображение всего слайдера.Я использую функцию jQuery animate () для div, который оборачивает весь слайдер.Когда я делаю это, он отключает стрелки everythingSlider, что является моей проблемой.Когда я удаляю функцию animate из оболочки div, стрелки everythingSlider снова работают.У меня есть ощущение, что есть проблема с помещением whatSlider в div, к которому применена функция анимации jQuery.Кто-нибудь может это подтвердить?Если да, то как по-другому можно переключать отображение дисплея whatSlider?

Здесь, на jsFiddle, вы можете увидеть проблему, с которой у меня работают стрелки: http://jsfiddle.net/brianmcculloh/H2hPQ/3/

HTML: 

<div id="slider-wrapper">             
<div id="slider">        
        <div class="wrapper"> 
            <ul>
                <li> content... </li>
                <li> content... </li>
                <li> content... </li>
                <li> content... </li>
                <li> content... </li>
                <li> content... </li>
            </ul>
        </div>
<div class="bottom">&nbsp;</div>
</div></div>



<div id="slider-tab"> <!-- the tab that toggles the slider panel --> 
    <div onclick="showslider()" id="slider-button"> 
        <a title="Toggle this panel">toggle</a> 
</div></div>

Javascript: 

function showslider() {
        $('#slider-wrapper').animate({
             opacity: 'toggle',
             height: 'toggle',               
            }, 300, 'linear' );
    }

 $(document).ready(function() { 

        function formatText(index, panel) {
          return index + "";
        }

        //SLIDER
        $('#slider').anythingSlider({
            easing: "easeInOutExpo",        // Anything other than "linear" or "swing" requires the easing plugin
            autoPlay: true,  // This turns off the entire FUNCTIONALY, not just if it starts running or not.
            delay: 3000,  // How long between slide transitions in AutoPlay mode
            startStopped: false,            // If autoPlay is on, this can force it to start stopped
            animationTime: 600,             // How long the slide transition takes
            hashTags: false,                 // Should links change the hashtag in the URL?
            buildNavigation: false,          // If true, builds and list of anchor links to link to each slide
            pauseOnHover: true,             // If true, and autoPlay is enabled, the show will pause on hover
            startText: "Go",             // Start text
            stopText: "Stop",               // Stop text
            navigationFormatter: formatText       // Details at the top of the file on this use (advanced use)
        });
    });

1 Ответ

0 голосов
/ 25 января 2011

Пришлось переместить это: 

<div class="bottom">&nbsp;</div>

за пределы ползунка div.Эта разметка испортила функциональность стрелки.

...