Response title
This is preview!
Newb Needs Help With Running Scriptaculous and JQuery
in Using jQuery
•
11 years ago
HI - My Scriptaculous code works fine, but I can not get the JQuery HoverFlow plugin to work with it. I have loaded jQuery into the header as well the plugin and my own 'jqtools.js' file where some variables are placed for use with hoverflow. I have tested my jQuery install by targeting the body tag with a background color and it worked fine. So far no luck the plugin. I know that I am getting errors in my own as I have tested it in jsFiddle/jsLint and am getting errors but am not experienced enough to know how to deal with them. Details below. Also possibly my set up is wrong.
I am using jQuery 1.7.
Anyone willing to help me out I am very very grateful ! !
This is what I have done so far:
I have tried using the no.Conflict() function on the Hoverflow plugin thus as below. JsLint gives no errors:
- jQuery.noConflict();
- (function($) {
- $.fn.hoverFlow = function(type, prop, speed, easing, callback) {
- // only allow hover events
- if ($.inArray(type, ['mouseover', 'mouseenter', 'mouseout', 'mouseleave']) == -1) {
- return this;
- }
- BLAH BLAH BLAH
- if(condition) {
- $this.animate(prop, opt);
- // else, clear queue, since there's nothing more to do
- } else {
- $this.queue([]);
- }
- });
- });
- };
- })(jQuery);
However I am getting errors on my own code inside jqtools.js. This passes variables to Hoverflow. This errors are:
The code is:Error:Problem at line 17 character 2: Expected an assignment or function call and instead saw an expression.
});
- jQuery.noConflict();
- (function($){
$("nav a").hover(function(e){
$(this)
.hoverflow(e.type,{width:350},200)
.css('overflow : visible');
}, function(e){
$(this)
.hoverflow(e.type,{width:315},200)
.css('overflow : visible');
});
});
1
