2013-10-03 78 views
0

我想在它自己的窗口中打开一个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> 
+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; 
      }); 

});