jquery - 插件无法识别“这个”jQuery

Question

我试图让我的插件识别它被调用的元素，例如：

(function($) {
    $('#element').myPlugin({});
})($)

在不同的页面上 -

(function($) {
    $.fn.myPlugin = function(settings) {
        var element = $(this);
        $.post('connection.php',{},
            function(output) {
                element.html(output);
            });
    }
})($)

但由于某种原因它不起作用..我很困惑

HTML页面：

<body>
    <div id="element">adsf</div>
</body>

score 2 · Accepted Answer

在加载 DOM 之前调用您的函数。尝试添加

   $(document).ready(function(){...your code..});

score 1 · Accepted Answer

我认为让你失望的是：

(function($) {
    $('#element').myPlugin({});
})($)

和这个不一样：

$(function(){
    $('#element').myPlugin({});
});

所以一切正常，但是 DOM 元素还没有像您预期的那样存在。

jquery - 插件无法识别“这个”jQuery

2 回答 2

Related

Reference