unable to access the jQuery Object within a plugin

Question

I know this sounds pretty trivial, but the following function (return ($this).each()...`) seems to be everything but alive in my plugin, which means that I even don't get an alert. Do you have any suggestions for a possible problem?

(function($){
    $.fn.plugin = function() {  
        return $(this).each(function(){
            var obj = $(this);
            obj.css('background', 'blue');
            alert(this);
        });
    };
})(jQuery);

For testing this, i included a bunch of li elements within a ul-list, selected them and checked the length of the matched elements altogether. The result was always euqal to 0. console.log($('li').length); — Julian Weimer
– Julian Weimer, Commented Aug 5, 2009 at 16:48
Wow thx for asking me how i call the plugin... The solution is quite simple, just as trivial as such a problem. I forgot to call to include the call into the following: $(document).ready(function() { $('li').plugin(); }); — Julian Weimer
– Julian Weimer, Commented Aug 5, 2009 at 16:54

redsquare · Accepted Answer · 2009-08-05 16:29:57Z

1

How are you calling the plugin? Do you have matching elements? Check the .length on the selector to ensure you have > 0 matched elements.

answered Aug 5, 2009 at 16:29

redsquare

78.8k21 gold badges155 silver badges159 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

andres descalzo · Accepted Answer · 2009-08-05 16:47:13Z

check this

<html>
<head>
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
</head>
<script type="text/javascript">
    (function($){
        $.fn.plugin = function() {  
            return $(this).each(function(){
                    var obj = $(this);
                    obj.css('background', 'blue');
                    $("#result").append('<span>in plugin : '+obj.html()+'</span><br />');
            });
        };
    })(jQuery);

    jQuery(function(){
        var test = $("div").plugin();

        $(test).each(function(){
            $("#result").append('<span>out plugin : '+$(this).html()+'</span><br />');
        });
    });

</script>
<head>
<body>
<div>a</div>
<div>b</div>
<div>d</div>
<div>v</div>
<span id="result"></span>
</body>
</html>

Collectives™ on Stack Overflow

unable to access the jQuery Object within a plugin

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related