jQuery plugin does not run

Question

I am just writing a simple plugin for my own use in a web page. I have html markup like:

<ul id="ulview">
    <li>...</li>
    <li>...</li>
    ...
</ul>

and jQuery plugin code:

(function($) {
    $.fn.ulView = function(){
       //console.log(this);
       this.children('li').each(function(){
           alert('test');
       });
    }
})(jQuery);

and I apply the plugin like this:

jQuery(document).ready(function($) {
    $('#ulview').ulView();
}

For some reason the alert('test') never runs. but I can see the jQuery object has been logged in the console. what do I miss here, thanks for any input.

genesis · Accepted Answer · 2011-08-20 12:13:35Z

3

(function($) {
    $.fn.ulView = function(){
       //console.log(this);
       this.children('li').each(function(){
           alert('test');
       });
    }
})(jQuery);

$(function(){

    $('#ulview').ulView();
});

http://sandbox.phpcode.eu/g/69be3.php

you forgot to execute your function (jQuery)

Read this

answered Aug 20, 2011 at 12:13

genesis

51.1k20 gold badges99 silver badges127 bronze badges

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

2 Comments

bingjie2680 Over a year ago

I said: 'but I can see the jqury object has been logged in the console.' ...that means everything runs..except the one...

bingjie2680 Over a year ago

sorry I have the (jquery) in place. I forgot to place it here

dov.amir · Accepted Answer · 2011-08-20 12:16:53Z

2

this works :

  $.fn.ulView = function(){
       //console.log(this);
       this.children('li').each(function(){
           alert('test');
       });
    }

$('#ulview').ulView();

(remove the external "function($) { ")

answered Aug 20, 2011 at 12:16

dov.amir

11.7k7 gold badges48 silver badges51 bronze badges

Comments

frictionlesspulley · Accepted Answer · 2011-08-20 12:14:04Z

0

define the jquery plugin as

(function($) {
    $.fn.ulView = function(){
       //console.log(this);
       $(this).children('li').each(function(){
           alert('test');
       });
    }
})(jQuery);

answered Aug 20, 2011 at 12:14

frictionlesspulley

12.5k16 gold badges73 silver badges124 bronze badges

Collectives™ on Stack Overflow

jQuery plugin does not run

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related