CODEWITHSUNDEEP
javascriptjquerycross-browserconflict
Farrukh Mazhar Khan
Farrukh Mazhar Khan

Reputation: 11

JS, jQuery Conflict.. help?

I am facing issue with a website which is currently on a test location.

The problem is that the site loads incomplete for the first time on any browser and on 2nd time refreshing browser loads it complete.

http://test.whyislam.org

So far i believe its a Jquery conflict issue, any help would be highly appreciated?

Upvotes: 0

Views: 146

Answers (2)

JJJ
JJJ

Reputation: 33163

You are loading multiple copies of the library: I counted at least 4 different versions of jQuery. Pick one and remove the rest.

Another possible issue is that scripts aren't set to run on page load. Right at the end:

jQuery( '#SlideDeck_877_4' ).slidedeck( ... );

You can't be sure that the element has been rendered yet. Change it (and similar code) to:

$( document ).load( function() {
    jQuery( '#SlideDeck_877_4' ).slidedeck( ... );
} );

Upvotes: 2

devtut
devtut

Reputation: 697

You can use a jquery noconflict like this jQuery.noConflict();

Upvotes: 0

Related Questions