Я пытаюсь открыть приложение javascript в его собственном окне. Я создал кнопку и приложил к ней событие onclick, но ничего не происходит, когда я нажимаю на нее. Я в оповещении об устранении неполадок, но это тоже не запускается.
В консоли я получаю ошибку: jquery.min.map 404 (Not Found), но я всегда получаю это, поэтому я обычно игнорирую его.
<!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;
});
});
Другой вариант - использовать метод метода.on или делегировать метод в jquery
Убедитесь, что вы загрузили 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;
});
});
ManagementDash
.