jQuery issues with kwicks accordion - javascript

I'm working on a dev Wordpress site here: http://dev.completehcforwomen.com/ and for some reason I cannot get the Accordion on the home page to function. It appears to me that it is possibly related to a jQuery conflict as in the console I get this issue: Uncaught TypeError:
jQuery(...).kwicks is not a function
for which I have found this in the page:
jQuery('.kwicks').kwicks({
max : 930,
spacing : 0
});
I'm not a jQuery programmer but have been known to fix a couple things at random but this one is eluding me. Does anyone have any suggestions on what might be wrong here and what I should do to fix it?
Thanks,

Looking at your webpage, It looks that you missed to include https://raw.github.com/jmar777/kwicks/v2.2.1/jquery.kwicks.min.js

Related

mCustomScrollbar function not found

I don't know if this is common behaviour or if I'm the only one having this ..
Here is my situation:
I have been using the mCustomScrollbar plugin for a long time for my drop down and it was amazing. Now I have more divs to apply the same plugin on, but the surprise is I'm always getting the following JS error
Uncaught TypeError: undefined is not a function
and started to have unstable behaviour for the drop down (sometimes I get the scroll bar and sometimes I don't).
I don't know what code to include to make it more clear. Is there something I'm missing? what could be the problem?
Thanks in advance

Uncaught TypeError: undefined is not a function - Using Jquery Tabs

I'm trying to use Jquery Tabs here http://beta.biozymeinc.com/vitalize/products/vitalize-dog/. the "description" and "reviews" li tags should be the tabs. You can see it functioning fine here http://beta.biozymeinc.com/vitaferm/products/vita-charge-paste/
Details:
I'm using Wordpress Multi-Site.
It is working fine in other folders or "sites" using the exact same header.php file as far as the is concerned. The only difference is some graphics below the
I tried using the style sheet and script as it is typed on the jquery tutorial and I still get the same error
Does anyone have an idea of why it would just "break"? I will keep reading and digging around trying to find an answer but I'm on a deadline to finish this tonight so I thought I would cast a wide net and hope for the best.
As charlietfl pointed out You have included another version of jQuery in your page, look for:
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
In your page source, remove it, problem should be solved.

Bootstrap 3 + Wordpress + Jquery Conflict

I have build a custom bootstrap 3 theme for wordpress. It's almost ready to go except I have the following error which is causing some slideshow plugs ins not to work.
Uncaught TypeError: Property '$' of object [object Object] is not a function
I have been told this is a sort of issue with Jquery and no conflict mode? I really don't know much about Jquery and hope someone can provide a step by step / easy solution for me to implement. Any help would be greatly appreciated. This one issue is holding up going live with this theme :(
Link to site: http://www.streetfiredesigns.com/testsite/
Remove $ and change them to jQuery

Javascript failing to run

I am in the middle of development and everything related to javascript all of the sudden stopped working.
There are a couple ‘no method’ errors in the console, but I can’t seem to find the root of the problem.
My site: http://radiantchurch.info/wordpress/about/
Thanks for all your help!
You must place your javascript references in correct order:
jquery
jquery plugin
your js scripts
IT does look like fitvids is not a function or not found, can you comment it out and then check it.

Object has no method error after no conflict

I am working on a site where I am using Scott Robbins pageslide to show/hide a responsive navigation.
For some reason the pageslide navigation works fine on the rest of the site but, when it gets to the contact page, it breaks: http://kevinpresbrey.com/contact
I took a look at the console in Chrome and I'm getting this error:
Object [object Object] has no method
I updated the jQuery call for pageside from this:
$(".open").pageslide({ direction: "right"});
To this:
jQuery(".open").pageslide({ direction: "right"});
and it's still blowing the error and causing the pageslide not to function on the contact page.
Like I mentioned before, it works fine on all the other pages, but the contact page. I have a feeling that the embedded form that was generated from constant contact might be causing the issue, but other than that, I have no idea.
Any suggestions?
You have multiple versions of jQuery in your code, which could be causing the problem (even though some of the other code seem to be working). You have v1.8.3 and v1.8.2.
One of them is being pulled from:
http://www.formstack.com/forms/js/3/jquery.min.js
the other one from:
http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js?ver=3.6
Fix that and your code should work.
Ok, I figured out what it was.
Looks like it was partially from what Hanlet said. There were two version of jQuery that were being pulled.
Apparently when I commented out the code that pulls in jQuery within my functions.php file it defaulted to the version that comes baked in with Wordpress which is version 1.10.2 and that apparently fixed the issue.
So, yeah. Hooray...I guess?
"pageslide" is not a build-in method for jquery selectors. You may want to double check if you include the "pageslide" javascript library / jquery plugin correctly.

Categories