rd42
rd42

Reputation: 3594

jquery update div with new content

I want to click on a div and update another divs content. Easy enough to do in jsfiddle but it is not working in my actual project. When I move the code to my project, the click is never registered and the console.log() never fires. Any ideas on using Chrome Developer Tools or Firebug to troubleshoot this. When there are no obvious clues, like syntax errors etc. what are the more elusive clues to look for?

I added this:

    $('.routers').click(function(event){ 
             $('#titleBarContainerRightier').append('Scooby Doo!');
        console.log("click!");

To this and the click events stopped showing up:

    $(document).ready(function(){
        loadDATA('JSON/data.json', "DSC123");

        $('.routers').click(function(event){ 
                 $('#titleBarContainerRightier').append('Scooby Doo!');
            console.log("click!");

         });
       });

Upvotes: 0

Views: 192

Answers (1)

Clark T.
Clark T.

Reputation: 1470

The problem your having is coming from whatever your loadData function is without knowing that i cannot assist much but heres my proof it works without it.

http://jsfiddle.net/th3fallen/YV8fN/

Upvotes: 1

Related Questions