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

Closed

Demo: [url removed, login to view]

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: HTML5, Javascript, jQuery / Prototype, PHP

See more: colorbox infinite scroll, worked at freelancer, what if the freelancer end the job, php works at freelancer, php javascript freelancer, login page of freelancer, login error in freelancer, jquery and javascript freelancer, javascript freelancer work, get location javascript, freelancer works on php, freelancer windows 7 fix, freelancer teamviewer, freelancer problems windows 7, freelancer php jquery, freelancer php javascript, freelancer php ajax, freelancer payment document, freelancer on mac, freelancer login problem, freelancer login freelancer, freelancer ii, freelancer error, freelancer cross, freelancer block

Project ID: #4752829

13 freelancers are bidding on average $34 for this job

tlchung

let fix it now. you do not create the code correctly.

$35 USD in 1 day
(49 Reviews)
7.2
gopalvora

Hi ready to start Thanks

$53 USD in 3 days
(187 Reviews)
6.9
webedeveloper

Experienced team to accomplish this Project and please review further discussion in private message. Thank you!

$53 USD in 2 days
(86 Reviews)
6.8
nbcrony

Let's do it.

$24 USD in 3 days
(25 Reviews)
6.0
oba

The choice is yours.

$35 USD in 3 days
(87 Reviews)
5.3
rinosh

JQuery,Ajax Expert here I can fix this issue in minutes, check PMB for details

$30 USD in 3 days
(29 Reviews)
4.9
adugar

Hi, We can fix at the earliest, if you select us. see PM.

$30 USD in 3 days
(5 Reviews)
4.0
mcontagious

Hi, Please check your PMB.

$30 USD in 3 days
(8 Reviews)
3.3
ripmarad

let me do it right now

$50 USD in 1 day
(1 Review)
3.2
haveapps

Hi,we have gone through with the requiements.we can easily do it with ourexpertise.will provide you regular updates progress.weare availble for you all the time.lets work together. Regards

$24 USD in 3 days
(3 Reviews)
1.9
thuytrangvw

I can do this task for you in few hours. This one of my exercises I've done many years ago :)

$25 USD in 3 days
(1 Review)
1.5
brajkishoriims

I have more than 3 years experience in web development with one of the top Elance company like Synapse India Pvt Ltd in and maintaining various projects in Core PHP, Code Igniter and Zend framework, Joomla, Magento an More

$22 USD in 3 days
(2 Reviews)
1.3
Srmithi

let me do this!

$25 USD in 3 days
(4 Reviews)
0.6
gkjohn0

i will fix this issues

$30 USD in 3 days
(1 Review)
0.3