我有以下HTML,
$(document).ready(function() {
$('#searchMovieBtn').click(function(e) {
e.preventDefault();
console.log('search');
});
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="searchMovieBtnBox">
<button class="btn btn-primary" type="button" id="searchMovieBtn">Search</button>
</div>
当我点击按钮时,没有任何反应,似乎事件没有触发。
这是一个缓存问题。当您开发和测试 JQuery 代码时,您的旧代码保留在浏览器缓存中。浏览器缓存它以在下次使用时更快地加载页面。为了解决这个问题,您有 3 个选择。
以下是向 JQuery 代码添加版本的方法:
<script type="text/javascript" src="js/script.js?v=1"></script>
看看v=1
。下次更新 JQuery 代码时,将其更改v=2
为告诉浏览器您的代码已更改。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句