javascript - 浏览器无法识别 javascript/jquery 代码

标签 javascript jquery html

我尝试在运行 Kubuntu Linux 的计算机上的 Firefox 27.0.1 和 Chrome 30.0.1599.114 中运行以下代码,但没有任何反应。

该html页面是基于Spring MVC框架的Web应用程序的一部分,位于WEB-INF/jsp文件夹中。有人能发现下面代码中的任何错误吗?

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <title>HorarioLivre</title>

  <script src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
  <script>
  $('a').click(function() {
      alert("clicou em um link");
  });
  </script>

  <link rel="stylesheet" href="css/style-main.css">
  <link rel="stylesheet" href="css/style-popup.css">
</head>
<body>
  <header>
    <div class="container">
      <h1><a href="#">HorarioLivre</a></h1>
      <nav>
        <ul>
          <li><a href="listagem_evento.html" class="icon evento">Eventos</a></li>
          <li><a href="cadastra_horario.html" class="icon horario">Cadastrar Horarios</a></li>
          <li><a href="listagem_horario.html" class="icon horario">Listar Horarios</a></li>
          <li><a href="listagem_usuario.html" class="icon usuario">Usuarios</a></li>
          <li><a href="#">${usuario.nome}</a>
            <ul>
                <li><a href="usuario_perfil.html" class="icon perfil">Perfil</a></li>
                <li><a href="usuario_config.html" class="icon settings">Configura&ccedil;&otilde;es</a></li>
                <li><a href="#">Logout</a></li>
            </ul>
          </li>
        </ul>
      </nav>
    </div>
  </header>
  <div id="results">
        <a href="#" id="close">Fechar</a>
        <div id="content"></div> 
  </div>
</body>
</html>

最佳答案

你没有说你的“错误”是什么,但我猜你已经遗漏了文档就绪处理程序,所以当你的选择器运行时,元素在 DOM 中还没有准备好。

$(function() {
  $('a').click(function() {
      alert("clicou em um link");
  });
});

关于javascript - 浏览器无法识别 javascript/jquery 代码,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22152363/

相关文章:

javascript - 在 firebase 中,为什么事务不像在 admin api 中那样在云函数中工作?

javascript - 更改 kendo ui 下拉列表的选定值

php - 使用 anchor 标记将值传递到下一页

javascript - 如何检测用户是否点击了 "back"按钮

javascript - 如何根据背景颜色设置黑白之间的字体颜色

javascript - 使用 angular-translate 库在 javascript 中使用什么关键字来获取 i18n 翻译?

javascript - Jquery:第一个函数完成后,如何使用不同的参数回调同一个函数?

javascript - 随机/随机化一组具有两个子元素的 div

javascript - 创建一个具有自动扩展宽度的文本框?

html - CSS3 旋转/变换奇怪的问题