Jump to content


Photo

Two Conflicting Jquery Scripts In One Html Page

jquery

  • Please log in to reply
2 replies to this topic

#1 agi

agi

    New member

  • New Members
  • 2 posts

Posted 13 December 2014 - 04:02 PM

Hi,

 

I have recently added two jquery scripts into my personal website, in the process learning how it works. The first script was responsiveslides, which I managed to work in its most basic form. Then, I added a floating nav, but once this worked the slides stopped functioning. I have a hunch where the problem might be, maybe an issue of different jquery versions (I took the .js files from the wesbites offering this code), but as I am a beginner with jquery I would welcome some suggestions or help with this problem. I've attempted finding a solution by googling it, but found it hard to find a relevant site with information (maybe the noConflict() method, but again, this is as yet too advanced for me).

 

The web page which demonstrates the conflict between the scripts is w ww.agnieszka mlicka.c om/dis play.html. All images (except of the banner) are slides that do not work, but the nav on the right floats nicely as it should. If it is better to attach the code, please let me know.

 

Thanks in advance!

Agi

 

ps. apologies for any ugly code, I am in the process of transferring to HTML5 and tidying it all up


  • 0

#2 Ben

Ben

    Administrator

  • Administrators
  • 5,682 posts
  • LocationGainesville, Florida

Posted 15 December 2014 - 01:22 PM

The first step would be to remove the older jquery link -- you really shouldn't be running two copies of jQuery on the same site. I imagine that both scripts should work fine on the Google jquery link, though I can't say that for sure unless it was properly tested.


  • 0
Benjamin Falk
Falken Creative : Twitter

#3 agi

agi

    New member

  • New Members
  • 2 posts

Posted 16 December 2014 - 10:23 AM

Thanks for your reply, indeed after sorting out the code to refer to one source only I managed both scrips to work simultaneously.

 

cheers!

Agi


  • 0





Also tagged with one or more of these keywords: jquery

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

★★★★★ 5 Star Rated Web Developer Course - check it out now!