我下载了http://code.google.com/chrome/extensions/samples.html#ea2894c41cb8e80a4433a3e6c5772dadce9be90d 。 我想让它成为 jQuery,但如果我这样做:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js"></script>
<script>
$("div").css('background-color', 'black');
$('.click').click(function(){
chrome.tabs.executeScript(null,
{code:"document.body.style.backgroundColor='" + $(this).attr('id') + "'"});
window.close();
})
</script>
<div class="click" id="red">red</div>
<div class="click" id="blue">blue</div>
<div class="click" id="green">green</div>
<div class="click" id="yellow">yellow</div>
这不起作用。什么都没发生。为什么?
最佳答案
您没有包含文档就绪处理程序,请尝试以下操作:
<script>
$(function() {
$("div").css('background-color', 'black');
$('.click').click(function() {
chrome.tabs.executeScript(null,
{code:"document.body.style.backgroundColor='" + $(this).attr('id') + "'"});
window.close();
})
});
</script>
<div class="click" id="red">red</div>
<div class="click" id="blue">blue</div>
<div class="click" id="green">green</div>
<div class="click" id="yellow">yellow</div>
或者,您可以移动您的 <script>
标记到 </body>
之前标签,以便所有 HTML 在 javascript 之前加载。
关于javascript - 使用 jQuery 的 Chrome 扩展,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9294928/