Пытаюсь открыть окно по клику

0

Я пытаюсь открыть приложение 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>
  • 0
    какой браузер вы используете? В IE есть проблемы со средним параметром, который вы показываете как ManagementDash .
  • 2
    Оберните это в готовый обработчик DOM!
Теги:

2 ответа

2
Лучший ответ

Вы запускаете свой скрипт до того, как элемент был загружен в 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

http://api.jquery.com/on/

http://api.jquery.com/delegate/

  • 0
    Работает, спасибо.
  • 1
    Нет проблем, не забудьте пометить как правильный, и удачи в вашем проекте
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;
            });

 });

Ещё вопросы

Сообщество Overcoder
Наверх
Меню