Solved

Colorbox Jquery issue

Posted on 2013-12-02
4
262 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

Announcing the Most Valuable Experts of 2016

MVEs are more concerned with the satisfaction of those they help than with the considerable points they can earn. They are the types of people you feel privileged to call colleagues. Join us in honoring this amazing group of Experts.

Question has a verified solution.

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

Introduction Chart.js, used properly, can visually add a difference to your charting applications. It engages your visitors and allows them to interact with data they otherwise wouldn't be able to without expensive and complicated systems. For this…
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.
This tutorial will teach you the core code needed to finalize the addition of a watermark to your image. The viewer will use a small PHP class to learn and create a watermark.
The viewer will learn the basics of jQuery, including how to invoke it on a web page. 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.: (CODE)

806 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