[jQuery] Plugin/syntax conflict
Hey
I've written small functions for DOM traversal and placed them in
jquery.plugins.js:
jQuery.fn.prevUntil = function(expr) {
var match = [];
this.each(function(){
var n = this;
while (n = n.previousSibling) {
if (n.nodeType == 1) match.unshift(n);
};
});
return this.pushStack(jQuery.multiFilter(expr, match));
}
jQuery.fn.nextUntil = function(expr) {
var match = [];
this.each(function(){
var n = this;
while (n = n.nextSibling) {
if (n.nodeType == 1) match.push(n);
};
});
return this.pushStack(jQuery.multiFilter(expr, match));
}
I linked jQuery and this script in HTML and another file with main
scripts:
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.plugins.js"></script>
<script type="text/javascript" src="js/main.js"></script>
Everything worked well. Then I found great dimensions plugin
http://brandonaaron.net/docs/dimensions/ and tried to paste in to
jquery.plugins.js. I tried minified and normal version, but after
pasting, I get an error in my original code.
jQuery.fn.prevUntil = function(expr) {
var match = [];
this.each(function(){ // HERE
...
It says that this.each is no a function (jquery.plugins.js, line 16th)
Plugin is wrapped in anonymous function (function($){...})(jQuery);
How can I connect these two pieces of code in one file without
breaking anything? Rest assured, that main.js doesn't interfere with
jQuery nor Plugins, I even deleted it to check.
Thanks in advance