2013-10-03 105 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; 
      }); 

});