Javascript 如何在脚本中调用脚本

我目前正在做这件事，它正以我希望的方式工作。但是，我需要让其中一个内容在单击某个选择时发生内容更改。我在一个单独的文件上检查它是否正常工作后，将它添加到了主响应库内容中

是因为我放置了内容更改脚本吗？我试着把它放在下面的主脚本中，但没有成功。我尝试创建它自己的脚本标记，并将其放在末尾，但结果相同。现在，我试着将它添加到head标签中，但仍然不起作用。谁能帮我一下吗

请单击阿特金森菜单，因为我在那里插入了内容更改

这里是脚本标签，我指的是谁负责选择适当的页面来更改内容

<!--Content Change Script-->
  <script type="text/javascript">
    $(document).ready(function() {
      $("a").click(function() {
        var id = $(this).attr("data-id"); // Using a custom attribute.
        $("#pages div").hide(); // gather all the div tags under the element with the id pages and hide them.
        $(".div" + id).show(); // Show the div with the class of .divX where X is the number stored in the data-id of the object that was clicked.
      });
    });
  </script>

$（文档）.ready（函数（）{
$（“a”）。单击（函数（）{
var id=$（this）.attr（“数据id”）；//使用自定义属性。
$（“#pages div”）.hide（）；//使用id页收集元素下的所有div标记并隐藏它们。
$（“.div”+id）.show（）；//显示类为.divX的div，其中X是存储在被单击对象的数据id中的数字。
});
});

问题在Atkinsons页面下，每当我单击所选内容时，内容不会改变。在第一个链接下，每当我点击选择时，结果应该看起来像标题和页面应该改变

---

更改我已经应用了下面第一个答案中的代码建议。现在，它会在单击所选内容时更改标题，但并非所有部分都可以单击。我在codepen和localhost中应用了相同的更改，但它会生成不同的可单击链接，但不起作用。随机字母不起作用取决于窗口的大小。此外，该段落没有显示您的脚本不起作用，因为您的

类似于此

<script type="text/javascript">
    $(document).ready(function() {
      $(document).on("click", "a", function() {
        var id = $(this).attr("data-id"); // Using a custom attribute.
        $("#pages div").hide(); // gather all the div tags under the element with the id pages and hide them.
        $(".div" + id).show(); // Show the div with the class of .divX where X is the number stored in the data-id of the object that was clicked.
      });
    });
  </script>


$（文档）.ready（函数（）{
$（文档）。在（“单击”，“a”，函数（）上）{
var id=$（this）.attr（“数据id”）；//使用自定义属性。
$（“#pages div”）.hide（）；//使用id页收集元素下的所有div标记并隐藏它们。
$（“.div”+id）.show（）；//显示类为.divX的div，其中X是存储在被单击对象的数据id中的数字。
});
});

这将把事件绑定到文档，文档从一开始就在页面中

更多关于jQueryAPI的信息。
您的问题根本不清楚。什么是有效的，什么是无效的，我们如何看到错误，错误是什么样子的？你在哪里调用什么脚本？为什么脚本是内联的而不是在代码笔的右边？更难找到：@mplungjan我很抱歉，因为我只复制粘贴了我的代码，因为它在我的本地主机中是直接的。问题是，当您单击Atkinsons下的选择时，内容没有改变。我会试着贴一张图片来恰当地描述它。首先，看一看答案，然后重复给出的答案。我想你会看到它解决了你的问题issue@mplungjan我已经应用了第一个答案，但仍然显示出一些错误。我在编辑的内容上解释了它。这是电流输出。codepen.io/UmaruHime/pen/zmjzwp或者绑定到链接最近的静态容器，我尝试使用此方法。页面内容的标题起作用，但不显示段落？这是因为你的文本在类
.content p
中有
不透明度：0
。函数
$.show（）
将仅修改显示。请进一步查看。您在ccs中定义了两次
.content p
。我已经删除了你的第二份声明，我这边的一切都很好。但是，我建议您在希望使用其他声明的地方检查元素。工作笔：@KamilFolwarczny我试过你的代码，似乎我在网站的不同部分也使用了相同的类名，它正在阅读，所以我将其改为content2，而不是删除不透明性。这是可行的，但由于某种原因，我的边界并不像你的边界那样捕获整个区域。这是我的更改的编辑版本