Javascript 当我点击按钮时，什么也没发生_Javascript_Jquery_Html

Javascript 当我点击按钮时，什么也没发生

javascript jquery html

Javascript 当我点击按钮时，什么也没发生,javascript,jquery,html,Javascript,Jquery,Html,我有下面的HTML $document.readyfunction{ $'searchMovieBtn'。单击函数{ e、防止违约； console.log“search”； }; }; 搜索你可以试试下一件事首先，我认为您的HTML标记可能是错误的，因为您没有正确地指出文件夹。我通过CDN附加了所有css和js引导+jquery文件 <!DOCTYPE html> <html> <head> <meta charset="utf

我有下面的HTML

$document.readyfunction{ $'searchMovieBtn'。单击函数{ e、防止违约； console.log“search”； }; }; 搜索

你可以试试下一件事

首先，我认为您的HTML标记可能是错误的，因为您没有正确地指出文件夹。我通过CDN附加了所有css和js引导+jquery文件

<!DOCTYPE html>
 <html>
   <head>
   <meta charset="utf-8">
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
   <script 
    src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"</script>
    <script type="text/javascript" src="js/script.js"></script>
    <link rel="stylesheet" 
 href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
  <title> jQuery button click event working?</title>
</head>
<body>
  <div id="searchMovieBtnBox">
    <button class="btn btn-primary" type="button" id="searchMovieBtn">Search</button>
  </div>
  </body>
 </html>

因此，script.js保持原样。对我来说，就是这样。我把信息印在了我的控制台上。希望这对你有帮助

这是一个缓存问题。在开发和测试JQuery代码时，旧代码仍保留在浏览器缓存中。浏览器缓存它，以便在下次使用时更快地加载页面。为了解决这个问题，你有3个选择

删除浏览器历史记录按Ctrl+F5可刷新浏览器。出于开发目的，首选此选项通过添加版本告知浏览器此JQuery代码已更改。当您在服务器上发布代码时使用此选项，因为您不能要求客户端通过按Ctrl+F5来删除其浏览器历史记录或加载页面以下是如何将版本添加到JQuery代码中：

<script type="text/javascript" src="js/script.js?v=1"></script>

看看v=1。下次更新JQuery代码时，请将其更改为v=2，以告知浏览器您的代码已更改。

确保HTML中没有具有相同id的其他元素。

将type=button放在引号内，然后再试一次。因此，通过搜索页面源代码，确保按钮id在整个页面中是唯一的，因为id选择器选择第一个出现的。似乎我还有另一个问题，当我在本地打开HTML时，它工作正常，当我在服务器上运行它时，单击“不工作”按钮。它是单个HTML文件还是通过在服务器上组合多个文件生成的？如果是动态页面，服务器结果可能与本地打开的文件不同。@MarkoLazarevic不是缓存问题吗？您是否尝试通过按Ctrl+F5或删除您的浏览历史来清除chrome缓存？谢谢您的回答，我不认为这是问题所在，其他jquery功能正在发挥作用，比如单击我没有放在这里的元素，当我在本地打开HTML文件时，似乎一切都正常，但当我在服务器上运行它时，它只会停止工作按钮单击事件