JQuery carousel and template doesn't work together - javascript

First of all, I'm sorry if this is already asked. I couldn't find a answer.
I have a HTML5 template bought at themeforest and a jQuery carousel. I am not very similar with JavaScript or JQuery.
When I wanted to implement the carousel like it said in the description the JQuery/Javascript didn't work.
I found out that it could be the version of JQuery. The template(cleanstart) uses version 1.11.2 and the carousel uses 1.44.4. When I changed the carousel to that version it didn't work. When I changed the template version to 1.44.4, it didn't work either.
Then I've put the text from the carousel.js in a script tag in the HTML, and that seemed to work but then the templates jQuery didn't work...
Do you have any idea what the problem can be? Maybe a variable with the same name? I really don't know how to solve it.
Help is much appreciated!

With just this Information, It's pretty hard to help you. It could be a problem with your Implementation, a compatibility Issue or many things else.
Do you have a public page where the template and the carousel are implemented? Does the console window give you any error (if you don't have it yet, I recomend you to get Firefox and the addons Firebug and Webdeveloper Toolbar).

I have found my problem. it was a scroll section that causes the other jquery to stop. When I removed that part of the code, nothing bad with the carousel happened and the other parts worked fine!

Related

Slick Carousel doesn't appear on Boostrap page

So I am kinda stuck with this Slick Carousel. It works great out of the box by itself, but when I try to incorporate it with my webpage, it just doesn't seem to show anything at all. I have no idea what is conflicting here. I tried to replicate it on CodePen and it works just fine, but not on my webpage. I have provided both the urls for your reference. Could any of you help me with this?
CodePen - https://codepen.io/jesse-alex/pen/jONpOrE
My Webpage - https://jessealex.com/test/test.html
(I have stripped the webpage of all other elements but the carousel)
Thanks a ton again :)
It was a silly mistake... here are the fix
The element should be <link> rather than <script> as Tom Berghuis suggested.
Forgot to define the type="text/css"

Keep getting jQuery conflicts, can't resolve

I'm currently updating the website http://www.dev.optiekvandevecht.nl/, I updated it from Joomla 3.3.6 to Joomla 3.4.1. Before updating to 3.4.1, a few lightbox thigns wouldn't work. Right now, I've updated Joomla, and the lightboxes work fine, however, now the nivoSlider seems to be broken (and I suppose it's got to do with jQuery errors, .nivoSlider is not a function.
I honestly don't see what is wrong, it's a Joomla module called ARI Image Slider, but I can't find anything related to the issues I run into.
I deleted an (apparently) unused extension and the problem was solved
It seems like the jquery is already included in any of the extension. Try disabling jquery in any one extension then check it. I hope it would work.

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.

JavaScript error using latest lightbox

First of all, I'm not good with JavaScript at all. I followed all instructions on this page:
http://www.lokeshdhakar.com/projects/lightbox2/
Visually everything loads fine. However, visual studio throws this error while running. If I hit continue everything seems to be loading fine. I see all buttons, animation, etc. I can only guess that something not loading properly. But not sure..
I think i had the same problem as this. In the end I decided to go with this version of a different lightbox instead as it works like a jQuery plugin
http://leandrovieira.com/projects/jquery/lightbox/
For me I felt it was a lot nicer since it worked with jQuery as a Plugin, and didnt rely on the 6 js files!

Bought code worked on JQuery 1.3.2 but not anymore on 1.5 What should I do?

About 6 months ago I bought a gallery photo popup code. It came with jQuery 1.3.2
It works fine with jQuery 1.4.1 too, but anything after that, at the moment of opening the photo, it does go into fade dark but does not open the big photo. I can edit a bit Javascript here or there but am not able to write code let alone fix this.
My motivation for using JQuery 1.5 / 1.5.1 is that everything else works much faster with these new builds! I really would prefer to update to these version as opposed to the 1.3.2 that I bought.
I asked the original author but he has other things to do than custom update code for my request. Since I'm not here to complain, but to solve my issue, any help would be very appreciated.
Question. Would it be legal if I put the full Javascript contents temporarily in here so that my bought code would work again? After its solved I could remove the portions that were not causing the issue, that way this question and its answer are to the point and might help others using the same or similar lightbox gallery.
I... Without seeing the code (and I don't know anything about legality, I'll leave that to someone else), I don't think there's much we can do to help you.
But, luckily jQuery has a list of which functions changed when moving between major versions. I hope this may be of some help to you:
http://api.jquery.com/category/version/1.4/
http://api.jquery.com/category/version/1.5/
You can probably safely skip all the "new in x!" stuff, and concentrate on changes.
The most likely culprit I can think of is the change in jQuery.param from version 1.3.x to 1.4
Look for jQuery.ajaxSettings.traditional on this page:
http://jquery14.com/day-01/jquery-14

Categories