首页 > 解决方案 > 在子页面上使用外部脚本?

问题描述

我在子页面中使用简单的 jQuery、css 脚本(外部)有一点问题。它在索引中工作。它应该在页面左侧滑动菜单面板。响应式菜单基本上。

这里是js。

    $("#res_menu").click(function(){
    $("#left").css("left", "0px");
    $("#left").css("top", "0px");
});

$("#res_menu_close").click(function(){
    $("#left").css("left", "-999px");
    $("#left").css("top", "-999px");
});

简单的脚本对吗?

它链接在页面底部。

<script src="menu_res.js"></script>

标头中的 jQuery 脚本

  <script
  src="https://code.jquery.com/jquery-3.5.0.min.js"
  integrity="sha256-xNzN2a4ltkB44Mc/Jz3pT4iU1cmeR0FkXs4pru/JxaQ="
  crossorigin="anonymous"></script>

问题是它不适用于子页面。

我在其他子页面中也有按钮。

<a class="menu_button" id="res_menu" href="#"></a>

<a class="menu_button" id="res_menu_close" href="#"></a>

我对 JS 很陌生。有什么方法可以判断脚本是否已连接?这也是一个学校项目,所以没什么大不了的。

编辑 1:控制台中没有错误。

标签: javascripthtmlcss

解决方案


请注意,我不知道您的意思,但我认为您的意思是获取 CSS 表而不将其编码为 HTML

<link rel="stylesheet" href="style.css">

这将导入 CSS,以便您使用所有 ATR。


推荐阅读