我有一个外部 JS 文件来管理页面中的所有脚本。 我想在这个文件中编写一些代码来检查 jquery 插件是否已加载并(如果没有)加载它!
我尝试使用以下代码开始 myScripts.js 文件:
if (typeof jQuery == 'undefined') {
var script = document.createElement('script');
script.type = "text/javascript";
script.src = "http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js";
document.getElementsByTagName('head')[0].appendChild(script);
}
在我的index.html中
我这样做了:
<!DOCTYPE html>
<html lang="pt-br">
<head>
<script src="myScripts.js"></script>
</head>
<body>
<button id="test">test</button>
<script>
$('#test').click( function() {
alert('clicked');
});
</script>
</body>
</html>
但它没有执行警报对话框..出了什么问题?
最佳答案
将 click
事件封装在 $(document).ready
中,以确保在 DOM
准备就绪时触发该事件。
$(document).ready(function(){
$('#test').click( function() {
alert('clicked');
});
});
关于javascript - 如何检查 jquery 是否从外部 JS 文件加载?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39784822/