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

Budget $10 - $30 USD
Bids 14
Average Bid $33
Status 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.

Get Free Quotes For A Project Like This

Looking to make some money?

  • Set your budget and the time frame
  • Outline your proposal
  • Get paid for your work

Bids on this Project

  • mcontagious Profile Picture


    Hyderabad,  India

    Developed some websites and hosted them in different hosting companies as per the client budget. I have 6 years of professional experience on technologies like perl, html, query, angularjs, bootstrap, ruby, pl sql, sql and little experience on node.js and rails.

  • Srmithi Profile Picture


    Karachi,  Pakistan

    Srmithi is an Open Source Solution provider based on New York (USA) and karachi (Pakistan). We are: Team of professional workers, believe in quality, always try to provide more than expectations , work in variety of web technologies with focusing on open source and Art Design.

  • brajkishoriims Profile Picture


    Delhi,  India

    I have 5+ years experience in web development with one of the top companies like Synapse India Pvt Ltd and maintaining various projects in Core PHP, Code Igniter and Zend framework, WordPress, Joomla, Magento and also using Facebook, Twitter, Google and Yahoo etc API's. I was involved in handling full project life cycle using MySQL, Jquery, JavaScript and css. I have good hands in Code Igniter, zend framework, and Joomla.

  • oba Profile Picture


    Ulaanbaatar,  Mongolia

    I am a programmer skilled in modern web development (AngularJS, Symfony, node.js etc), and I am pretty good with databases too. C or C++ application development is my another forte.

  • rinosh Profile Picture


    Trivandrum,  India

    A software engineer who enjoys working as part of a team and designs, researches and develops software systems to meet with client's requirements. Also experienced in a variety of web development technologies and desktop application development with an extensive background in full life cycle of software development process including requirements gathering, design, coding, testing, debugging etc. Have more than 8 Years of Experience in PHP ,Wordpress,Webservices,, ,cold fusion, JQuery,Ajax,CSS and HTML,Application Development Expert - Fly beyond Imaginations

  • nbcrony Profile Picture


    kolkata,  India

    Crony Infotech was founded by entrepreneurial professionals to become a major software and internet solutions company. Known for its technology leadership and professional-services expertise, Crony Infotech is a major player in the domains of web Application Development, E- commerce Development, Database Development, Software Development and Offshore Staffing. Crony InfoTech is a leading global web application, E-commerce and software development offshore services provider, offering a wide array of solutions customized for a range of key verticals and horizontals. Crony InfoTech provides diverse and end to end services and solutions in the web site, web development and business software development domain to global clients. We recommend and implement on the best online strategy for businesses worldwide. Crony InfoTech delivers unmatched business value to customers through a combination of process excellence, quality frameworks and delivery methodology innovation. We have worked with clients across North America, UK and Europe, Australia, South East Asia and the Middle East. We prefer to take select projects that require high quality and professional output. We provide conceptual, functional and presentational development for the global business community through out-of-the-box web strategy, design and technology solutions. Combining diverse expertise in business strategy, technology, usability and design, Crony InfoTech produces highly scalable business solutions and online positive user experiences. Our team of professional works in co-ordination with the clients which ensures that each and every aspect of work done is impeccable in quality and at the same time innovative as well. Our prime object is to generate profitable returns to our esteemed clients, using our foresightedness and technical expertise gained in this field. Crony InfoTech the fastest growing and professionally managed web designing, web application and software Development Company. We generate unique solutions and results for our customers by providing a higher level of skill, knowledge and superb degree of competence. We also provide 24/7 customer assistance on our website. Our Mission & Values - We will be the premier provider of information technologies enabling our customers to make the right business decisions to create and sustain compelling value propositions for their customers and stakeholders. We offer our clients: * Efficient requirements definition * Strong project management * Fast and effective communication * Established development process * Competence in various technologies * Expertise in business logic * Complete quality assurance * Competitive pricing

  • gopalvora Profile Picture


    Jetpur,  India

    I have 7 + year exp. in Php , joomla , MySQL, word-press , OsCommerce , cake php, Prestashop, Smarty Php , Javascript , CSS, HTML5, jQuery i do in innovative way that make our application stable in fast changing client requirements. i help organization from planning stage to implementation stage thus our services make backbone of their success.

  • ripmarad Profile Picture


    rajkot,  India

    Looking for job

  • tlchung Profile Picture


    Hk,  Hong Kong

    WE are a team of talents which have wide range experience in system development. Project included: inter-bank clearing system, QC portal, paid learning system, SEO portal, property agent listing system. We building system/website according to your need. We also provide site/server support on a low monthly rate/per ticket. Please visit [Removed by Admin] for more detail. [Removed by Admin]

  • thuytrangvw Profile Picture


    Ha Noi,  Vietnam

    BIO I'm a web programmer and web designer with 7 years experience. Area of Expertise Web development, Social Network, Chrome Apps, Web browser extensions... MongoDB, Neo4j, Redis, MariaDB, MySQL. NodeJS, PHP, Javascript, HTML5, CSS3...