试图打开窗口点击
问题描述:
我想在它自己的窗口中打开一个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
+0
作品,谢谢。 – Batman
+1
没问题不要忘记标记为正确,祝你的项目好运 –
答
确保已jQuery的加载和包装你的脚本$(document).ready
功能。
$(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;
});
});
您正在使用哪种浏览器? IE遇到的问题是显示为“ManagementDash”的中间参数。 – Sablefoste
将它包装在DOM准备好的处理程序中! – tymeJV