首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Javascript- Smoothscroll vs Touch Link interference

Javascript- Smoothscroll vs Touch Link interference
EN

Stack Overflow用户
提问于 2015-06-21 03:48:02
回答 1查看 54关注 0票数 0

下面的代码嵌入到我的html文件中,但它们似乎相互干扰(第一个脚本用于触摸链接,第二个脚本是平滑滚动功能)。

如果我要删除第一个,我的平滑滚动就能正常工作。但这两者结合在一起,我的平滑滚动就搞砸了。我认为解决方案可能在-window.open(link,'_self')-这一行。我对Javascript的了解很少,所以任何帮助都会非常感谢!

来自比利时的问候。

代码语言:javascript
复制
<script>
$(function () {    
    $('a').on('click touchend', function() { 
        var link = $(this).attr('href');   
        window.open(link,'_self');

        return false; // prevent anchor click    
    });    
});

</script>

    <script type="text/javascript">
        $( document ).ready(function( $ ) {
            $( '#Slider1' ).sliderPro({
                width: 1000,
                height: 520,
                arrows: true,
                buttons: true,
                waitForLayers: true,
                thumbnailWidth: 200,
                thumbnailHeight: 100,
                thumbnailPointer: true,
                autoplay: false,
                autoScaleLayers: false,
                breakpoints: {
                    500: {
                        thumbnailWidth: 120,
                        thumbnailHeight: 50
                    }
                }
            });
        });
    </script>
EN

回答 1

Stack Overflow用户

发布于 2015-06-21 04:35:02

按照这个顺序组合这两个脚本,试试这个:

代码语言:javascript
复制
<script type="text/javascript">
        $( document ).ready(function( $ ) {
            $( '#Slider1' ).sliderPro({
                width: 1000,
                height: 520,
                arrows: true,
                buttons: true,
                waitForLayers: true,
                thumbnailWidth: 200,
                thumbnailHeight: 100,
                thumbnailPointer: true,
                autoplay: false,
                autoScaleLayers: false,
                breakpoints: {
                    500: {
                        thumbnailWidth: 120,
                        thumbnailHeight: 50
                    }
                }
            });
 $('a').on('click touchend', function() { 
        var link = $(this).attr('href');   
        window.open(link,'_self');

        return false; // prevent anchor click    
    }); 
        });
    </script>
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/30958210

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档