Javascript- Smoothscroll vs Touch Link

Question

下面的代碼嵌入到我的html文件中，但它似乎互相干擾（第一個腳本用於觸摸鏈接，第二個腳本是平滑滾動功能）。

如果我要刪除第一個，我的平滑滾動會正常工作。 但與這兩個結合我的順利滾動是搞砸了。 我認爲解決方案可能在-window.open（鏈接，'_ self'） - 這一行。我對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> 

Answer 1

順序合併這兩個腳本，試試這個，

<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>