Solved

Colorbox Jquery issue

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

Why You Should Analyze Threat Actor TTPs

After years of analyzing threat actor behavior, it’s become clear that at any given time there are specific tactics, techniques, and procedures (TTPs) that are particularly prevalent. By analyzing and understanding these TTPs, you can dramatically enhance your security program.

Join & Write a Comment

In this article you'll learn how to use Ajax calls within your CodeIgniter application. To explain this, I'll illustrate how to implement a simple contact form to allow visitors to send you an email through your web site.
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…
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 how to dynamically set the form action using jQuery.

760 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

Need Help in Real-Time?

Connect with top rated Experts

21 Experts available now in Live!

Get 1:1 Help Now