在jQuery函数中调用JavaScript函数？

Question

我有两个JavaScript函数，我想从jQuery函数内部调用。由于我动态加载图像，我想通过调用两个函数func1()和func2()来检查每个图像的宽度，以检查宽度。

If width < 20px then double width

我不想等待图像完全加载，然后做检查。

我试过，但没有奏效

$(document).ready(function() 
{ 
    $('img').each(function() 
    { 
     .... 
    }) 

    func1(); 
    func2(); 
}) 

function func1() 
{ 
    .... 
} 

function func2() 
{ 
    .... 
} 

我缺少什么？

Answer 1

除非IMG标签具有指定的宽度，你将不能够正确地得到宽度完全加载之前。浏览器无法知道什么是尺寸，直到它具有整个图像。

这里是等待，直到图像加载的方式：我有一个问题，类似您的问题

Official way to ask jQuery wait for all images to load before executing something

Answer 2

。我认为你必须将你的函数移动到jquery块中。

$(document).ready(function() { 
    function1() { 
     ...  
    } 
    function2() { 
     ... 
    } 
}); 

否则，我不认为他们可以从jQuery内部调用。测试它并通知我结果。

Answer 3

你可以改变这一点：

$(document).ready(function() 

这样：

$(window).load(function() 

，以确保所有图像加载。

---

另一种选择是load处理程序绑定到图像本身，但如果图像缓存可能会有问题。

$('img').load(function() { 
    func1(); 
    func2(); 
}); 

你应该注意，这将调用函数一次为每个图像，这可能意味着你需要改变的功能是如何工作的。就像他们接受个人形象作为论据一样。