javascript - 如何在外部 javascript 函数中制作 jquery load()？

Question

我正在尝试用 javascript 创建我自己的工具，这将帮助我将一些 php 函数/文件加载到我的 div 中。

这是我的javascript:

$(document).ready(function () {
    $('.btn').click(function() {        
        $('#someid').testit();
        //   $('#someid').load('somefile');  it works
        return false;
    })   
});

function testit() { 
    $(this).load('somefile');
}

还有我的 html:

<div id="someid"></div>
<form>
    <input type="submit" value="test" class="btn" />
</form>

我无法从外部函数加载资源 - 为什么？

Answer 1

如果你想这样调用:

$('#someid').testit();

然后，您必须创建一个定义方法 testit 的 jQuery 插件。该代码看起来像这样:

jQuery.fn.testit = function() {
    return this.load('somefile');
}

然后，只有这样你才能像这样使用 testit() 作为 jQuery 方法:

$('#someid').testit();

并且，它将对所需的选择器进行操作。

这里是一些 jQuery doc关于编写这样的插件方法。