需要在我的响应滑块上进行一些编辑

时间:2013-12-29 07:51:08

标签: jquery css

我有一个unslider jquery插件,它对我有好处我需要每个图像上方的链接,问题是当我将鼠标悬停在滑块的任何部分上时它不起作用,我不知道为什么。这里是我的实例HERE..... 当我悬停在它上面时,我还需要它的正常运行。谢谢所有

jquery:

<script>
            if(window.chrome) {
                $('.banner li').css('background-size', '100% 100%');
            }

            $('.banner').unslider({
                fluid: true,
                dots: true,
                speed: 500
            });

            //  Find any element starting with a # in the URL
            //  And listen to any click events it fires
            $('a[href^="#"]').click(function() {
                //  Find the target element
                var target = $($(this).attr('href'));

                //  And get its position
                var pos = target.offset(); // fallback to scrolling to top || {left: 0, top: 0};

                //  jQuery will return false if there's no element
                //  and your code will throw errors if it tries to do .offset().left;
                if(pos) {
                    //  Scroll the page
                    $('html, body').animate({
                        scrollTop: pos.top,
                        scrollLeft: pos.left
                    }, 1000);
                }

                //  Don't let them visit the url, we'll scroll you there
                return false;
            });

            var GoSquared = {acct: 'GSN-396664-U'};
        </script>

1 个答案:

答案 0 :(得分:1)

经过一番尝试,我终于找到了解决方案。此问题来自js/unslider.min.js文件。该文件包含以下行this.el.hover(this.stop, this.start);使用文本/代码编辑器打开此文件(我使用Notepad ++)并删除上面的行。确保保存文件。这应该有用。