Solved

Colorbox Jquery issue

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

Free Tool: ZipGrep

ZipGrep is a utility that can list and search zip (.war, .ear, .jar, etc) archives for text patterns, without the need to extract the archive's contents.

One of a set of tools we're offering as a way to say thank you for being a part of the community.

Question has a verified solution.

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

Suggested Solutions

This article discusses four methods for overlaying images in a container on a web page
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
The viewer will learn how to dynamically set the form action using jQuery.
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.

730 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