我正在尝试在它自己的窗口中打开一个 JavaScript 应用程序。我创建了一个按钮并为其附加了一个 onclick 事件,但是当我单击它时没有任何反应。我通过警报进行故障排除,但也没有启动。
在控制台中,我收到错误:jquery.min.map 404(未找到),但我总是收到该错误,所以我通常会忽略它。
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="description" content="$1">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>$2</title>
<link rel="stylesheet" href="css/main.css">
<script type="text/javascript" src="https://hosted.test.ca/kc/MD/SiteAssets/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="https://hosted.teste.ca/kc/MD/SiteAssets/jquery.SPServices-2013.01.min.js"></script>
<script type="text/javascript">
var $launch = $('#launchButton');
$launch.click(function(){
alert("opening ManagementDash");
var url = 'https://hosted.test.ca/kc/MD/SiteAssets/mgmtDash.html';
window.open(url,'ManagementDash','toolbar=no,location=no,status=no,menubar=no,scrollbars=yes,resizable=yes,width=100%,height=100%');
return false;
});
</script>
</head>
<body>
<button id="launchButton" >Launch MDash</button>
</body>
</html>
最佳答案
您将在元素加载到 dom 之前触发脚本。
尝试将代码包装在准备好的文档中或将其放在页面底部。
如果您检查http://jsfiddle.net/tutZE/您的代码工作正常,因为它添加了为您准备好的文档。
$(document).ready(function(){
var $launch = $('#launchButton');
$launch.click(function(){
alert("opening ManagementDash");
var url = 'https://hosted.test.ca/kc/MD/SiteAssets/mgmtDash.html';
window.open(url,'ManagementDash','toolbar=no,location=no,status=no,menubar=no,scrollbars=yes,resizable=yes,width=100%,height=100%');
return false;
});
});
另一种选择是在jquery中使用.on或委托(delegate)方法
关于javascript - 尝试点击打开窗口,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19162968/