javascript - 在 jQuery 中调用 Javascript 函数

Question

好吧，我之前尝试解释的方式似乎不太奏效。我只会解释我的全部目的，展示我的代码和我在做什么。我正在编写一个主要使用 jQuery 运行的 Google Chrome 扩展。扩展的目的是为我所属的网站提供一些 css 更改、脚本更改和站点更改。我没有该站点的管理权限，因此我无权更改原始文件，只能向正文添加“onLoad='create_toolbar()'”属性。加载正文/页面/文档时，我想运行网站 Javascript 中名为“create_toolbar”的函数。我需要找到一种方法来在加载页面时调用 create_toolbar 的函数，但仍然在我的扩展程序中运行 jQuery，以清除网站上的一些错误。

当文档准备好使用 jQuery 时，有没有办法让我调用 create_toolbar 函数？当 onload 调用 create_toolbar 函数时，我可以将属性附加到空 div 吗？

我已经尝试了以下方法，但均无效。

$(document).ready(create_toolbar);

.

$(document).ready(function(){
$(body).attr('onLoad', 'create_toolbar()');
};

---

没关系，我用下面的代码解决了我的问题:

$(document).ready(function(){
$('body').attr('onMouseOver', 'create_toolbar()');
});

Answer 1

为了扩展@Gabriel 的回答，在以下情况下，OP 的原始代码应按原样工作:

function create_toolbar() {
    alert("ran it");   
};
$(document).ready(create_toolbar);

.

$(document).ready(create_toolbar);
function create_toolbar() {
    alert("ran it");   
};

.

var create_toolbar = function(){
    alert("ran it");   
};
$(document).ready(create_toolbar);

在这种情况下，OP 的代码将不起作用，但@Gabriel 的解决方案将:

//Doesn't work
$(document).ready(create_toolbar);
var create_toolbar = function(){
    alert("ran it");   
};

.

//Works
$(document).ready(function() { create_toolbar(); });
var create_toolbar = function(){
    alert("ran it");   
};

原因是在 OP 的代码中，create_toolbar 需要在行 $(document).ready(create_toolbar); 被执行时存在。在 @Gabriel 的闭包解决方案中，create_toolbar 在文档准备好之前不需要存在。