Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people, just like you, are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
Solved

Colorbox Jquery issue

Posted on 2013-12-02
4
263 Views
Last Modified: 2013-12-02
http://www.drmoutran.com/gallery.php

if i go to xxx and click on the image colorbox loads normally

but if I go to head > nose job > and click on any image 2 color boxes load on top of each other

Its basically the same function loading content via ajax
gallery.php
getProc.php
0
Comment
Question by:zahimezher
  • 2
  • 2
4 Comments
 
LVL 53

Expert Comment

by:COBOLdinosaur
ID: 39690569
Well at the very least the duplicate ids need to be fixed.  I think if you validate the code and fix the errors you might not have the problem, and if you do it will the code will at least be valid and predicable.

Cd&
0
 
LVL 1

Author Comment

by:zahimezher
ID: 39690897
I added letters before the ids to avoid conflict with the menu ids.
Im finally loading the correct set of images now on every click, but I still end up with 2 colorboxes opened.
0
 
LVL 53

Accepted Solution

by:
COBOLdinosaur earned 500 total points
ID: 39691015
Okay it looks like there might be some compatibility issues.  You are using jquery 1.7.1 which is pretty old, and in the console it is throwing warning about depreciated functions.

you might want to download the latest jquery library (1.10.2) here:
http://blog.jquery.com/2013/07/03/jquery-1-10-2-and-2-0-3-released/

Then make sure that the other jquery files are also the latest versions.  One of the problems with using technology that does not have a formal standard is that backward and forward compatibility and interoperability are unreliable.

I think the main problem may be with the preventDefault() function which is causing warning in the console.


Cd&
0
 
LVL 1

Author Closing Comment

by:zahimezher
ID: 39691781
;) Thanks allot that was great help and resolved my issue.

Have a mega nice day COBOLdinosaur
0

Featured Post

Resolve Critical IT Incidents Fast

If your data, services or processes become compromised, your organization can suffer damage in just minutes and how fast you communicate during a major IT incident is everything. Learn how to immediately identify incidents & best practices to resolve them quickly and effectively.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Introduction If you're like most people, you have occasionally made a typographical error when you're entering information into an online form.  And to your consternation, the browser remembers the error, and offers to autocomplete your future entr…
3 proven steps to speed up Magento powered sites. The article focus is on optimizing time to first byte (TTFB), full page caching and configuring server for optimal performance.
Explain concepts important to validation of email addresses with regular expressions. Applies to most languages/tools that uses regular expressions. Consider email address RFCs: Look at HTML5 form input element (with type=email) regex pattern: T…
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

856 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question