2013-10-03 5 views
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». – Sablefoste

+2

Оберните это в готовый обработчик DOM! – tymeJV

ответ

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; 
      }); 

}); 

Другой вариант заключается в использовании .На или метод делегата метода в JQuery

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

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

+0

Работы, спасибо. – Batman

+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; 
      }); 

}); 
Смежные вопросы