0

所以我有一些用于网站的 javascript，但目前我可以让它工作的唯一方法是它是否与 HTML 混合。我读过这是不好的做法，但我不知道如何让它在头部部分作为脚本工作。谁能帮我吗？我在这里阅读了大量类似的问题，但无法正常工作。

谢谢你，亚历克斯

这是我的代码：

<li><a href="#" class="about_button" onclick="$('.about_background, .about_close').fadeIn('fast') ">About</a></li>

然后我通过添加再次淡出它：

<a href="#" class="about_close" onclick="$('.about_background').fadeOut('fast')"></a>

并且有一个跨越页面宽度和高度的 div，因此用户可以单击任何地方，但不确定这是否是一种好方法并且可以使用。

谢谢

4

4 回答 4

1

我想你只是忘记使用准备好的文件。

您需要的代码：

<head>
  <script type="text/javascript">
    $(document).ready(function(){
      $('.about_button').click(function(){ $('.about_background, .about_close').fadeIn('fast'); });
      $('.about_close').click(function(){ $('.about_background').fadeOut('fast'); });
    });
  </script>
</head>
于 2013-06-09T11:54:11.190 回答
0

利用

<script src="path/to/file.js"></script>

在 HTML 5 中你不需要指定类型，否则你需要指定 type="text/javascript"

于 2013-06-09T11:48:42.930 回答
0

使用 jquery 选择器来定位您的 HTML 元素并在它们上面放置监听器：

$('.about_button').on('click', function() {
    $('.about_background, .about_close').fadeIn('fast')
})

$('.about_button')是用于定位元素的选择器。 on('click'在目标元素上设置 onclick 侦听器 function() { ... }是触发侦听器时将调用的回调函数

于 2013-06-09T11:48:46.600 回答
0

在您的 html 中，您可以放置​​元素：

<li><a href="#" class="about_button">About</a></li>
<a href="#" class="about_close"></a>

然后在正文的底部放置一个对 js 文件的引用（它应该在文件的底部而不是头部，以便首先加载 html 并且当您使用 js 将事件处理程序绑定到他们）

<script src="<file path>"></script>

在外部 js 文件中，您可以将事件处理程序绑定到它们：

$(".about_button").click(function(){
   $('.about_background, .about_close').fadeIn('fast') 
}
$(".about_close").click(function(){
   $('.about_background').fadeOut('fast')
}
于 2013-06-09T11:49:26.767 回答