尝试在单击时打开窗口
Trying to open window on click
>我正在尝试在自己的窗口中打开一个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或委托方法方法
http://api.jquery.com/on/
http://api.jquery.com/delegate/
确保已加载 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;
});
});
相关文章:
- Javascript对象类在单击时打开窗口进行颜色选择,并在更改时替换对象背景颜色
- 单击时隐藏弹出窗口
- 如何在单击“提交”按钮时为“新建”窗口编写JavaScript,用“确定”和“取消”显示注册信息
- 试图修改此javascript代码以减小弹出窗口的大小,或者在用户单击框外时关闭
- 在外部(正文)单击时关闭弹出窗口
- 在窗口中单击按钮完成之前,光标不会停止.请继续卸载
- 编辑弹出窗口的HTML的单击命令
- 如何禁用鼠标中键单击超链接以在新选项卡或新窗口中打开
- 单击按钮时的窗口属性
- 单击或取消选中复选框时,如何创建弹出的自定义窗口
- 打开'选择文件'窗口单击锚链接(跳过单击'选择文件'按钮)
- 如何在显示多个标记时单击另一个标记时关闭信息窗口
- 即使我单击“确定”,模型弹出窗口扩展器仍保持打开状态
- 在上下文菜单项单击上显示侧边栏/弹出窗口的最佳方法是什么
- 如何通过单击数据在新窗口上显示TableView数据
- 单击弹出窗口中的按钮后重定向到页面
- HTML 框架 - 防止引导弹出窗口在用户单击正文时消失
- 图像映射区域无法触发单击事件.afer最大化寡妇或恢复窗口单击事件触发
- 确认删除窗口-单击“删除”或“取消”时删除记录
- 需要关闭花哨框按钮上的当前窗口单击