Copy code

Permalink

Please tell us why you want to mark the subject as inappropriate. (Maximum 200 characters)

Private Message

From : guest

To :

Subject :

Content :

Type the characters you see in the picture below.

From : guest

To :

Subject :

Content :

Type the characters you see in the picture below.

Feedback

Email ID

Subject :

Comments :

Private Message

Type the characters you see in the picture below.

Attach files

Desktop Google Docs

Each Attachment size should not exceed 1.0 MB. Max no of attachments : 3

Loading User Profile...

guest

Response title

This is preview!

Attachments

()

New to this Portal? Click here to Sign up

You can also use the below options to login

jQuery
Plugins
UI
Meetups
Forum
Blog
About
Donate

All Forums
Recent Posts
Log In

Search jQuery

jQuery Forum

Move this topic

Forum :

Sub forum :

Getting Started

Luis Alves

JQuery method plugin not working

in Getting Started • 10 months ago

I'm new to JQuery, and I'm struggling with methods creation.

I've the following code:

(function($) {
$.fn.changeRed = function() {
return this.each(function() {
$(this).css('background-color', 'red');
}
});
})(jQuery);
$(document).ready(function() {
$('p').changeRed();
});

In the HTML page I've a simple

<p>Hello</p>

This not work. Can you figure why not?

Replies(1)

jakecigar

Re: JQuery method plugin not working

10 months ago

It should be

(function($) {
$.fn.changeRed = function() {
return this.each(function() {
$(this).css('background-color', 'red');
})
}
})(jQuery);
$(document).ready(function() {
$('p').changeRed();
});

https://jsfiddle.net/jakecigar/sm03yq0g/ <--

JΛ̊KE

Statistics

1 Replies
512 Views
1 Followers

Actions

Permalink

Response title

Attachments

jQuery Forum

JQuery method plugin not working

Replies(1)

Re: JQuery method plugin not working

Statistics

Tags

Actions