Fix jquery/javascript/colorbox error on ajax/dynamically generated element

CLOSED
Bids
14
Avg Bid (USD)
$33
Project Budget (USD)
$10 - $30

Project Description:
Demo: http://utourpia.me/php/dreamtrip.php
The above is an infinite scroll page, with 2 photos initially loaded. When you hover at the pictures, you will see the checkbutton, and when you hover to the checkbutton, it will change opacity.
i) When not login
When you click the checkbutton, colorbox will show login page. When you click the picture, colorbox will show the picture details.
ii) When login
When you click the checkbutton, the location details will be added to your bucketlist, and javascript will change the checkbutton to cross button. When you click the cross button, the location details will be deleted from your bucketlist, and javascript will change the cross button to check button. When you click the picture, colorbox will show the picture details.
The above function works well before I introduce the infinite scrolling page (I am using ajax to call the dynamics element when I scroll to the max of the page)
After I introduce the infinite scrolling, problems happen to the dynamic/ajax generated element (I am using firefox on windows 7):
1) During both login and not login, if haven’t reach the end of the page, and when I click on the colorbox of the newly generated element, the colorbox will show up two times. (When reach end of the page, this won’t happen). I declare colorbox once in document ready and also during ajax call of the new element.
2) When login, the check button is not functioning well, i.e. addto/deletefrom bucketlist function runs two times. The addtobucketlist js function I declare once in document ready block, and also during the ajax call of the new element.
3) In mac firefox, infinite scrolling stops working after I clicked on any of the colorbox.
Interested bidding party please briefly summarize what you think the problem is, get abit technical so that I know you can solve it well. I prefer to work on teamviewer instead of ftp. Term of payment can be negotiated, I have worked with freelancer sonviet before, this is my 2nd job.

Skills required:
HTML5, Javascript, jQuery / Prototype, PHP
About the employer:
Verified
Public Clarification Board
Bids are hidden by the project creator. Log in as the employer to view bids or to bid on this project.
You will not be able to bid on this project if you are not qualified in one of the job categories. To see your qualifications click here.


$ 35
in 1 days
$ 53
in 3 days
$ 53
in 2 days
$ 24
in 3 days
$ 35
in 3 days
$ 30
in 3 days
$ 30
in 3 days
$ 30
in 3 days
$ 50
in 1 days
$ 24
in 3 days