我尝试了各种组合，但只有jquery代码才能实现平滑滚动。

Question

我在同一个HTML文件中使用两个jQuery代码时遇到问题。

在两个代码中，只有一个似乎有效

<script type='text/javascript' src='js/jquery.js'></script>
<script type="text/javascript">
    var $jq1 = jQuery.noConflict(); 

//点击选项后，此jQuery代码用于取消下拉菜单

$jq1(function () {
         $jq1('html')
          .on('click.dropdown.data-api', clearMenus)
          .on('click.dropdown.data-api touchstart.dropdown.data-api', clearMenus)
         $jq1('body')
        .on('click.dropdown', '.dropdown form', function (e) { e.stopPropagation() }) 
    </script>




<script type='text/javascript' src='js/jquery.js'></script>  
        <script type="text/javascript" >

/ *此jquery代码用于平滑滚动

我尝试了各种组合，但只有jquery代码才能实现平滑滚动。

只有当我以某种方式禁用此代码时，下拉列表的其他代码才起作用* /

var $jq = jQuery.noConflict();
$jq(function() {
  $jq('a[href*=#]:not([href=#])').click(function() {
    if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
      var target = $jq(this.hash);
      target = target.length ? target : $jq('[name=' + this.hash.slice(1) +']');
      if (target.length) {
        $jq('html,body').animate({
          scrollTop: target.offset().top
        }, 1000);
        return false;
      }
    }
  });
});
</script>

请帮助解决问题