2013-02-09 171 views
0

我有一個看起來像這樣Chrome擴展popup.js不工作

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<html> 
<head> 
    <link type="text/css" rel="stylesheet" href="css/fbh-ui.css" /> 
    <script type="text/javascript" src="js/jq.js"></script> 
    <script type="text/javascript" src="js/fbh-popup.js"></script> 
</head> 

<body style="width: 200px"> 
    <div id="fbh-main"> 
     <div id="fbh-popup-enabled"></div> 
    </div> 
</body> 

而且FBH-popup.js一個popup.html看起來像這樣

$('#fbh-popup-enabled').html('test'); 

的JS應該改變內容的div,但沒有。我甚至在JS文件中嘗試了一個簡單的console.log('test')並且沒有觸發。我很茫然。

+0

我覺得你的腳本應該被添加爲內容腳本編寫代碼。請參閱http://developer.chrome.com/extensions/content_scripts.html – 2013-02-09 05:00:06

+0

Google的一個示例顯示了popup頭文件中的popup.html調用popup.js。 – gdanko 2013-02-09 15:12:26

+0

只是詢問你的'$('#fbh-popup-enabled')。html('test');'是否在$(document).ready(function(){...})內? – 2013-02-09 15:44:37

回答

0

你有內部ready event callback

$(document).ready(function() { 
    $('#fbh-popup-enabled').html('test'); 
});