Bootstrap 3 + Wordpress + Jquery Conflict - javascript

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

Related

Uncaught TypeError in WordPress with different widgets

I´m working in a dev project for a Wordpress-Site.
While using Wordpress Widgets, sometimes my website creates strange mistakes. The website is just white an no Content is visible in the front (backend-access is possible).
While using the rightlick - Explore I get the following hint in the following mistake:
Uncaught TypeError: $t.find(...).foxlazy is not a function
This is the URL which produces the mistake:
https://nova.ow-media.de/aa/
Is someone there who can give me an hint how to fix this?
Thanks a lot!

jQuery issues with kwicks accordion

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

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.

replacing page content with .html(content) is not working

I have a weird problem in jQuery. The problem is that I can smoothly use $('#container').html(content) to replace the page content but to specific page. It is not working all around. Gives 'TypeError' message in console. Is there any probability that using SlickGrid can cause such error. Because error is thrown only in that pages where I have used SlickGrid.
Any suggestion would be highly appreciated.
It's hard to tell what's going on with your page, but my guess is that you may have a conflict with the $ between jQuery and SlickGrid. Look at the noConflict function in jQuery - it may help you out.
Call $.noConflict(); before SlickGrid's javascript <script> tag is added, and then refer to jQuery functions by using jQuery(selector) instead of $(selector).
Hope this helps!

jQuery call followed by clicking accordion control fires Ms Jscript error

I have jquery modal that works perfectly fine.
But after closing this modal and clicking on accordion control(MS ajax) fires
Jscript runtime error
Microsoft JScript runtime error:
Sys.ArgumentTypeException: Object of
type
'AjaxControlToolkit.AccordionSelectedIndexChangeEventArgs'
cannot be converted to type
'Sys.CancelEventArgs'. Parameter name:
instance
I have done days of searching. But I couldn't find a solution to this.
I have tried scriptmode="Release". Single reference call to the jquery file.
I read some parts saying that some it helped some people to turn of smart navigation but I couldn't find how to do so.
If anyone has any idea on this it will be much appreciated.
Please.. Help~!
I've solved this issue by putting this
var $j = jQuery.noConflict();
at the end of my jquery.js file and referencing all jquery functions with a $j, instead of $
Ok I found the problem. One of the controls inside the container(div) which is loaded by jquery was throwing an error. So in this case, the error message did not help much to track that particular control down.
Thanks a lot for your effort guys!.

Categories