时间戳

首页 > 解决方案 > 固定导航栏的 Javascript 和 Jquery 在线时停止工作（网络服务器）

javascript - 固定导航栏的 Javascript 和 Jquery 在线时停止工作（网络服务器）

问题描述

谢谢你看我的问题！

我对 HTML 非常缺乏经验，并且对 JavaScript 或 jQuery 完全不熟悉。在任何地方都找不到解决我的问题的方法。

问题是我有一个使用 javascript 和 Jquery 的带有固定导航栏的网站。当我在本地计算机上打开我的 html 时，一切正常，但是当我在线上传我的网站时，代码停止工作。

我不知道这是否足以让任何人了解问题所在，但我认为这与我头脑中不理解的事情有关，因为脚本和路径在离线/本地时工作正常. （所有文件夹和文件在我的网络服务器中的顺序和目录都相同）

https://thorned.xyz/也许在线网站可以提供帮助。当您在小页面上滚动时，菜单栏不固定，这与我离线打开 html 时不同。

提前致谢！

<head>
		<link 
			rel="icon" 
			type="image/png" 
			href="favicon.png">
		<title>Thorned.xyz - Resources for everyone</title>
		<link rel="stylesheet" type="text/css" href="style.css">
			
<!---Link to menu html--->
		<div class="menutop">
			<object class="menu" type="text/html" data="menu.html"></object>
		</div>
<!----Link to script--->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
<script type="text/javascript" src="Javascript/scrollfix.js"></script> 
<script type="text/javascript">
        // top bar
        $('.menutop').scrollFix({
            side: 'top'
        });
    </script>
</head>

标签： javascriptjqueryhtmlcssweb-hosting

解决方案

您的问题是 jquery cdn 是通过 http 提供的，因为您的网站是 https 导致不安全的脚本错误。在 jquery 插件上将 http 更改为 https(https://ajax.googleapis.com/ajax...)

推荐阅读