Skip to content

Commit f4561c1

Browse files
chuanxshichuanxshi
committed
added better reference to jquery plugin patterns
1 parent 6dce52d commit f4561c1

11 files changed

+84
-38
lines changed

‎jquery-plugin-patterns/basic.html‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,7 @@
55
<metacharset="utf-8">
66
</head>
77
<body>
8+
<scriptsrc="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
89
<script>
910
/*!
1011
* jQuery basic plugin boilerplate
@@ -33,7 +34,7 @@
3334

3435

3536
// References
36-
// http://coding.smashingmagazine.com/2011/10/11/essential-jquery-plugin-patterns/
37+
// Essential jQuery Plugin Patterns (by Addy Osmani) - http://goo.gl/oE0ge
3738
</script>
3839
</body>
3940
</html>

‎jquery-plugin-patterns/best-options.html‎

Lines changed: 28 additions & 28 deletions
Original file line numberDiff line numberDiff line change
@@ -15,48 +15,48 @@
1515

1616
;(function($,window,document,undefined){
1717

18-
$.fn.pluginName=function(options){
18+
$.fn.pluginName=function(options){
1919

20-
// Here's a best practice for overriding 'defaults'
21-
// with specified options. Note how, rather than a
22-
// regular options object being passed as the second
23-
// parameter, we instead refer to $.fn.pluginName.defaults
24-
// explicitly, merging it with the options passed to the
25-
// plugin. This allows us to override defaults both
26-
// globally and on a per-call level.
20+
// Here's a best practice for overriding 'defaults'
21+
// with specified options. Note how, rather than a
22+
// regular defaults object being passed as the second
23+
// parameter, we instead refer to $.fn.pluginName.options
24+
// explicitly, merging it with the options passed directly
25+
// to the plugin. This allows us to override options both
26+
// globally and on a per-call level.
2727

28-
settings=$.extend({},$.fn.pluginName.defaults,options);
28+
options=$.extend({},$.fn.pluginName.options,options);
2929

30-
returnthis.each(function(){
30+
returnthis.each(function(){
3131

32-
varelem=$(this);
32+
varelem=$(this);
3333

34-
});
35-
};
34+
});
35+
};
3636

37-
// Globally overriding options
38-
// Here are the publicly accessible defaults
39-
// in case the user doesn't pass-in any or all
40-
// possible options. The user is given a default
41-
// experience but can optionally override the values
42-
// as required.
43-
// eg. $fn.pluginName.key ='otherval'
37+
// Globally overriding options
38+
// Here are our publicly accessible default plugin options
39+
// that are available in case the user doesn't pass in all
40+
// of the values expected. The user is given a default
41+
// experience but can also override the values as necessary.
42+
// eg. $fn.pluginName.key ='otherval'
4443

45-
$.fn.pluginName.defaults={
44+
$.fn.pluginName.options={
4645

47-
key: "value",
48-
myMethod: function(elem,param){
46+
key: "value",
47+
myMethod: function(elem,param){
4948

50-
// to do: implement myMethod() here
51-
52-
}
53-
};
49+
}
50+
};
5451

5552
})(jQuery,window,document);
5653

5754

5855
// References
59-
// http://coding.smashingmagazine.com/2011/10/11/essential-jquery-plugin-patterns/
56+
/*
57+
jQuery Pluginization and the accompanying gist (by Ben Alman) - http://goo.gl/1VwfP http://goo.gl/bg63
58+
Essential jQuery Plugin Patterns (by Addy Osmani) - http://goo.gl/oE0ge
59+
*/
6060
</script>
6161
</body>
6262
</html>

‎jquery-plugin-patterns/custom-events.html‎

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -59,7 +59,11 @@
5959

6060

6161
// References
62-
// http://coding.smashingmagazine.com/2011/10/11/essential-jquery-plugin-patterns/
62+
/*
63+
Communication Between jQuery UI Widgets (by Benjamin Sternthal) - http://goo.gl/oE0ge
64+
Understanding the Publish/Subscribe Pattern for Greater JavaScript Scalability (by Addy Osmani) - http://goo.gl/CU5fC
65+
Essential jQuery Plugin Patterns (by Addy Osmani) - http://goo.gl/oE0ge
66+
*/
6367
</script>
6468
</body>
6569
</html>

‎jquery-plugin-patterns/extend.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -46,7 +46,7 @@
4646

4747

4848
// References
49-
// http://coding.smashingmagazine.com/2011/10/11/essential-jquery-plugin-patterns/
49+
// Essential jQuery Plugin Patterns (by Addy Osmani) - http://goo.gl/oE0ge
5050
</script>
5151
</body>
5252
</html>

‎jquery-plugin-patterns/highly-configurable-mutable.html‎

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -77,7 +77,10 @@
7777

7878

7979
// References
80-
// http://coding.smashingmagazine.com/2011/10/11/essential-jquery-plugin-patterns/
80+
/*
81+
Creating Highly Configurable jQuery Plugins (by Mark Dalgleish) - http://goo.gl/1VwfP http://goo.gl/bg63
82+
Essential jQuery Plugin Patterns (by Addy Osmani) - http://goo.gl/oE0ge
83+
*/
8184
</script>
8285
</body>
8386
</html>

‎jquery-plugin-patterns/lightweight.html‎

Lines changed: 9 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,7 @@
55
<metacharset="utf-8">
66
</head>
77
<body>
8+
<scriptsrc="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
89
<script>
910
/*!
1011
* jQuery lightweight plugin boilerplate
@@ -76,7 +77,14 @@
7677

7778

7879
// References
79-
// http://coding.smashingmagazine.com/2011/10/11/essential-jquery-plugin-patterns/
80+
/*
81+
Plugins/Authoring (by jQuery) - http://goo.gl/98R9
82+
Signs of a poorly written jQuery plugin (by Remy Sharp) - http://goo.gl/5RNI
83+
How to Create Your Own jQuery Plugin (by Elijah Manor) - http://goo.gl/EoSFq
84+
Style in jQuery Plugins and Why it Matters (by "Cowboy" Ben Alman) - http://goo.gl/E7pd0
85+
Create Your First jQuery Plugin Part 2 (by Andrew Wirick) - http://goo.gl/IhCYO
86+
Essential jQuery Plugin Patterns (by Addy Osmani) - http://goo.gl/oE0ge
87+
*/
8088
</script>
8189
</body>
8290
</html>

‎jquery-plugin-patterns/namespaced-starter.html‎

Lines changed: 7 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -63,7 +63,13 @@
6363

6464

6565
// References
66-
// http://coding.smashingmagazine.com/2011/10/11/essential-jquery-plugin-patterns/
66+
/*
67+
Namespacing in JavaScript (by Angus Croll) - http://goo.gl/eul12
68+
Use Your $.fn jQuery Namespace (by Ryan Florence) - http://goo.gl/QQIC6
69+
JavaScript Namespacing (by Peter Michaux) - http://goo.gl/24t8N
70+
Modules and namespaces in JavaScript (by Axel Rauschmayer) - http://goo.gl/6XuqO
71+
Essential jQuery Plugin Patterns (by Addy Osmani) - http://goo.gl/oE0ge
72+
*/
6773
</script>
6874
</body>
6975
</html>

‎jquery-plugin-patterns/prototypal-inheritance.html‎

Lines changed: 8 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,7 @@
55
<metacharset="utf-8">
66
</head>
77
<body>
8+
<scriptsrc="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
89
<script>
910
/*!
1011
* jQuery prototypal inheritance plugin boilerplate
@@ -76,7 +77,13 @@
7677

7778

7879
// References
79-
// http://coding.smashingmagazine.com/2011/10/11/essential-jquery-plugin-patterns/
80+
/*
81+
Using Inheritance Patterns To Organize Large jQuery Applications (by Alex Sexton) - http://goo.gl/Z4lYz
82+
How to Manage Large Applications With jQuery or Whatever (by Alex Sexton) - http://goo.gl/kKWhj
83+
Practical Example of the Need for Prototypal Inheritance (by Neeraj Singh) - http://goo.gl/jrzb6
84+
Prototypal Inheritance in JavaScript (by Douglas Crockford) - http://goo.gl/TPXqV
85+
Essential jQuery Plugin Patterns (by Addy Osmani) - http://goo.gl/oE0ge
86+
*/
8087
</script>
8188
</body>
8289
</html>

‎jquery-plugin-patterns/ui-widget-factory-bridge.html‎

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,7 @@
55
<metacharset="utf-8">
66
</head>
77
<body>
8+
<scriptsrc="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
89
<script>
910
/*!
1011
* jQuery UI Widget factory "bridge" plugin boilerplate
@@ -100,7 +101,10 @@
100101

101102

102103
// References
103-
// http://coding.smashingmagazine.com/2011/10/11/essential-jquery-plugin-patterns/
104+
/*
105+
Using $.widget.bridge Outside of the Widget Factory (by Eric Hynds) - http://goo.gl/UfPKn
106+
Essential jQuery Plugin Patterns (by Addy Osmani) - http://goo.gl/oE0ge
107+
*/
104108
</script>
105109
</body>
106110
</html>

‎jquery-plugin-patterns/ui-widget-factory.html‎

Lines changed: 8 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,7 @@
55
<metacharset="utf-8">
66
</head>
77
<body>
8+
<scriptsrc="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
89
<script>
910
/*!
1011
* jQuery UI Widget-factory plugin boilerplate (for 1.8/9+)
@@ -95,7 +96,13 @@
9596

9697

9798
// References
98-
// http://coding.smashingmagazine.com/2011/10/11/essential-jquery-plugin-patterns/
99+
/*
100+
The jQuery UI Widget Factory (by Adam J. Sontag) - http://goo.gl/DLKEt
101+
Introduction to Stateful Plugins and the Widget Factory (by Doug Neiner) - http://goo.gl/eTGhP
102+
Widget Factory (by Scott González) - http://goo.gl/5qFQG
103+
Understanding jQuery UI widgets: A tutorial (by Hacking at 0300) - http://goo.gl/rBhaF
104+
Essential jQuery Plugin Patterns (by Addy Osmani) - http://goo.gl/oE0ge
105+
*/
99106
</script>
100107
</body>
101108
</html>

0 commit comments

Comments
(0)