网站中未加载Javascript

我有一个按钮在我的网站上点击弹出菜单。我已经正确地包含了JS文件，但它似乎不起作用。 JS文件或HTML是否存在错误。文件如下

mainfile.js

  var $blob = $('<blob/>');
  var $blob2 = $('<blob class="blob2"/>');


  $('#sidebarToggle').on('click', function() {
    $(this).closest('.menu').toggleClass('open');
    $('.page').toggleClass('open');

  });



  $('.link').on('mouseleave touchend', function(e) {
    //e.preventDefault();
    $blob.css({
      top: e.offsetY + 'px',
      left: e.offsetX + 'px'
    });
    $blob.removeClass('scale');
  });
  $('.link').on('mousemove touchmove', function(e) {
    e.preventDefault();
    $(this).find('blob').css({
      top: e.offsetY + 'px',
      left: e.offsetX + 'px'
    });
  });
  $('.sidebar').on('mousemove touchmove', function(e) {
    e.preventDefault();
  });
  $('.link').on('mouseenter touchstart', function(e) {
    $blob.css({
      top: e.offsetY + 'px',
      left: e.offsetX + 'px'
    });
    $(this).append($blob);
    setTimeout(function() {
      $blob.addClass('scale');
    }, 20);
  });
  $('.link').on('click', function(e) {
    e.preventDefault();
    $blob2.css({
      top: e.offsetY + 'px',
      left: e.offsetX + 'px'
    });
    $blob2.removeClass('scale');
    $(this).append($blob2);
    setTimeout(function() {
      $blob2.addClass('scale');
    }, 20);
    var target = $(this).attr('href');
    var scroll = $(target)[0].offsetTop - 70;
    $('html, body').animate({
      scrollTop: scroll
    });

  });

var$blob=$（''）；
变量$blob2=$（''）；
$（'#sidebarToggle'）。在（'click'，function（）上{
$（this）.closest（'.menu'）.toggleClass（'open'）；
$（'.page'）.toggleClass（'open'）；
});
$（'.link'）。on（'mouseleave touchend'，函数（e）{
//e、 预防默认值（）；
$blob.css({
顶部：e.offsetY+‘px’，
左：e.offsetX+‘px’
});
$blob.removeClass（'scale'）；
});
$（'.link'）。on（'mousemove touchmove'，函数（e）{
e、 预防默认值（）；
$（this.find（'blob'）.css({
顶部：e.offsetY+‘px’，
左：e.offsetX+‘px’
});
});
$（'.sidebar'）。on（'mousemove touchmove'，函数（e）{
e、 预防默认值（）；
});
$（'.link'）。在（'mouseenter touchstart'，函数（e）上{
$blob.css({
顶部：e.offsetY+‘px’，
左：e.offsetX+‘px’
});
$（this.append（$blob）；
setTimeout（函数（）{
$blob.addClass（'scale'）；
}, 20);
});
$（'.link'）。在（'click'，函数（e）上{
e、 预防默认值（）；
$blob2.css({
顶部：e.offsetY+‘px’，
左：e.offsetX+‘px’
});
$blob2.removeClass（'scale'）；
$（this.append（$blob2）；
setTimeout（函数（）{
$blob2.addClass（'scale'）；
}, 20);
var target=$（this.attr（'href'）；
var scroll=$（目标）[0]；
$（'html，body'）。设置动画({
滚动顶端：滚动
});
});

HTML按钮元素：

<script src="js/mainfile.js"></script>
<div class="sidebar">
  <div class="menu">
    <div id="sidebarToggle" class="button"><span></span><span></span></div>
    <ul class="morpher">
      <li class="item"><a href="#" class="link"><span>Resume</span></a></li>
      <li class="item"><a href="#about_me" class="link"><span>About Me</span></a></li>
      <li class="item"><a href="#my_experience" class="link"><span>my experience</span></a></li>
      <li class="item"><a href="#my_projects" class="link"><span>my projects</span></a></li>
      <li class="item"><a href="#social" class="link"><span>social</span></a></li>
      <li class="item"><a href="#contact" class="link"><span>contact</span></a></li>
    </ul>
  </div>
</div>

在html的头标记处添加这行代码

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

---

这将在html的head标记处添加jQuery，并添加这行代码

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

---

这将在html的head标记处添加jQuery，并添加这行代码

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

---

这将在html的head标记处添加jQuery，并添加这行代码

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

这将添加jQuery

如果要使用CDN，则应始终使用回退方法，以防CDN不适用于库。这意味着下载jQuery的副本并将其存储在本地。您可以使用此代码-

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript">
if (typeof jQuery == 'undefined') {
    document.write(unescape("%3Cscript src='path/to/jquery-1.11.1.min.js'
 type='text/javascript'%3E%3C/script%3E"));
}
</script>

if（typeof jQuery==“未定义”）{
document.write（unescape（“%3Cscript src='path/to/jquery-1.11.1.min.js'
type='text/javascript'%3E%3C/script%3E'）；
}

如果要使用CDN，则应始终使用回退方法，以防CDN不适用于库。这意味着下载jQuery的副本并将其存储在本地。您可以使用此代码-

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript">
if (typeof jQuery == 'undefined') {
    document.write(unescape("%3Cscript src='path/to/jquery-1.11.1.min.js'
 type='text/javascript'%3E%3C/script%3E"));
}
</script>

if（typeof jQuery==“未定义”）{
document.write（unescape（“%3Cscript src='path/to/jquery-1.11.1.min.js'
type='text/javascript'%3E%3C/script%3E'）；
}

如果要使用CDN，则应始终使用回退方法，以防CDN不适用于库。这意味着下载jQuery的副本并将其存储在本地。您可以使用此代码-

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript">
if (typeof jQuery == 'undefined') {
    document.write(unescape("%3Cscript src='path/to/jquery-1.11.1.min.js'
 type='text/javascript'%3E%3C/script%3E"));
}
</script>

if（typeof jQuery==“未定义”）{
document.write（unescape（“%3Cscript src='path/to/jquery-1.11.1.min.js'
type='text/javascript'%3E%3C/script%3E'）；
}

如果要使用CDN，则应始终使用回退方法，以防CDN不适用于库。这意味着下载jQuery的副本并将其存储在本地。您可以使用此代码-

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript">
if (typeof jQuery == 'undefined') {
    document.write(unescape("%3Cscript src='path/to/jquery-1.11.1.min.js'
 type='text/javascript'%3E%3C/script%3E"));
}
</script>

if（typeof jQuery==“未定义”）{
document.write（unescape（“%3Cscript src='path/to/jquery-1.11.1.min.js'
type='text/javascript'%3E%3C/script%3E'）；
}

如果点击F12，您在控制台中看到任何错误吗？未捕获引用错误：$未定义您正在使用jQuery，但我看不到您在HTML中定义jQuery您需要添加jQuery我添加了此代码。jQuery.com/ui/1.9.2/jQuery-ui.js“>如果点击F12，您在控制台中看到任何错误吗？未捕获引用错误：$未定义您正在使用jQuery，但我没有看到您在HTML中定义jQuery您需要添加jQuery我添加了此代码。jQuery.com/ui/1.9.2/jQuery-ui.js“>如果点击F12，您在控制台中看到任何错误吗？未捕获引用错误：$未定义您正在使用jQuery，但我没有看到您在HTML中定义jQuery您需要添加jQuery我添加了此代码。jQuery.com/ui/1.9.2/jQuery-ui.js“>如果点击F12，您在控制台中看到任何错误吗？未捕获引用错误：$未定义您正在使用jQuery，但我没有看到您在HTML中定义jQuery您需要添加jQuery我添加了此代码。jQuery.com/ui/1.9.2/jQuery-ui.js“>错误消失了。谢谢但是按钮还是不起作用！错误消失了。谢谢但是按钮还是不起作用！错误消失了。谢谢但是按钮还是不起作用！错误消失了。谢谢但是按钮还是不起作用！单击时是否有任何错误？你能设置一个复制问题的小提琴吗？A基本功能正常。单击时是否出现任何错误？你能设置一个复制问题的小提琴吗？A基本功能正常。单击时是否出现任何错误？你能设置一个复制问题的小提琴吗？A基本功能正常。单击时是否出现任何错误？你能设置一个复制问题的小提琴吗？一本基础著作。