jquery Javascript alert.window在我的github页面上无法正常工作

mec1mxoz  于 2023-03-17  发布在  jQuery
关注(0)|答案(1)|浏览(122)

我是开发者世界的新手,目前正在学习网页设计和Python的在线课程,所以如果我的问题模糊或愚蠢,请原谅;- )
我正在做一个简单的任务,我需要在代码中添加一个jQuery应用程序。我创建了一个非常简单的代码,它应该打开一个警报窗口。代码如下所示:

<script type="text/javascript">
      $(document).ready(function() {
        $("#verzend").click(function() {
          var naam = $("#naam").val();
          var leeftijd = $("#leeftijd").val();
          var woonplaats = $("#woonplaats").val();
          var hobby = $("#hobby").val();
          window.alert(
          "Hallo " + naam +
          " van " + leeftijd +
          " jaar oud! Wat leuk dat jij in " + woonplaats +
          " woont en jouw " + hobby + " is. Groetjes, Jeffrey");
        });
      });
    </script>

当我直接从笔记本电脑上的文件夹打开Chrome中的html文件时,警报窗口会工作。但我在一个在线github页面中有完全相同的代码,但当我通过Chrome访问该页面时,警报窗口不会显示。在线课程的老师并没有真正帮助我,他们说文件路径肯定有故障。但如果这样的话,它在html文件中也不会工作。对吧?我完全不知道这里的问题是什么,所以希望有人能帮忙。github页面可以在这里找到:https://jeffreykrab.github.io/huiswerkles25/
谢谢!
我用jquery写了一个提醒窗口的代码。我用Chrome打开了这个文件,提醒窗口按预期工作。然后我把html文件上传到github并发布了页面。当我通过github链接打开页面时,提醒窗口不再工作了。

rxztt3cl

rxztt3cl1#

我相信这个问题可能是因为当您在头脑中链接jquery库时没有使用https
当我打开你在github页面上托管的站点并检查开发工具中的网络选项卡时,它显示jquery加载blocked:mixed-content失败

如果不加载Jquery,它将无法工作:)

相关问题