Получение ползунка JQuery для остановки при наведении мыши

Question

У меня есть веб-сайт с ползунком jQuery, который автоматически скользит при загрузке страницы.Как я могу заставить слайдер остановиться, когда над ним наведена мышь?

Я использую следующий код jQuery:

  var my_jQuery = jQuery.noConflict(true);

  window.onload = function () {

        // added  by pesach

        var totalWidth=0;
        var numItems=0;
        my_jQuery('li', 'div#scroll_Bar').each (function() {

        totalWidth = totalWidth + my_jQuery(this).outerWidth() + 1;
        numItems = numItems + 1;

        });
        //alert(totalWidth * -1);

        my_jQuery('ul', 'div#scroll_Bar').width(totalWidth);
        var slidewidth = totalWidth - 960;
        //end of addition


        var container = $('div#scroll_Bar');
        var ul = $('ul', container);

        var itemsWidth = ul.innerWidth() - container.outerWidth();

        //$("div.sliderGallery ul li").hover(stop(true, true), stop(true, true));
        my_jQuery('ul', 'div#scroll_Bar').animate({'left' : slidewidth * -1}, numItems * 1000, 'linear');
        my_jQuery('ul', 'div#scroll_Bar').animate({'left' : 0}, numItems * 800, 'linear');


        my_jQuery('.slider', container).slider({
            min: 0,
            max: itemsWidth,
            handle: '.handle',
            stop: function (event, ui) {
                ul.animate({'left' : ui.value * -1}, 500),my_jQuery('ul', 'div#scroll_Bar').stop(true, true);
            },
            slide: function (event, ui) {
                ul.css('left', ui.value * -1),my_jQuery('ul', 'div#scroll_Bar').stop(true, true);
            }
        });

    };

Answer 1

Возможно, с помощью команды .stop ()?

Так что после ваших двух строк анимации:

my_jQuery('ul','#scoll_Bar').mouseover(function(){
    $(this).stop();
});

Также нет смысла иметь div перед элементами с идентификатором,поэтому удалите их:
div # scroll_Bar