在函数内使用jQuery .append（）？

Question

I've been trying to call a function that appends html tags inside of pre-existing div tags like this:

function loadTextbox(jsonUrl,divId){
$.getJSON(jsonUrl, function(json) {
    alert('hello');
    $('#' + divId).append('<h2></h2>')
        .find('h').append(json.heading).attr(json.config.backgroundConfig)
        .find('h').attr(json.config.headingConfig).append(json.heading).parent()
        .find('p').attr(json.config.bodyConfig).append(json.body);
    })
}

This is a complex example but I haven't been able to get anything working where the append() function is inside any sort of other function. I can append just fine straight from the .js but otherwise no luck. I also know for a fact that the json calls are working as I use an identical call and queries for a different function. Is there a problem with putting append() in a function?

EDIT: Also a note, the above alert does not work as is. However if it is moved one line up (above the $.getJSON call it works fine. Maybe this is important? Also, I am calling the function directly below it in the same .js file like so:

loadTextbox("./json/textbox.json","text");

Answer 1

If your alert never shows up, when it is inside the function, then that means you're not receiving a response.

If you're using Firefox, use the Firebug plugin to see if an exception is thrown serverside.

Answer 2

You might want to check the docs:

jQuery.getJSON( url, [ data ], [ success(data, textStatus, jqXHR) ] )

Which means: your callback is the 3e argument, not the 2nd.

-- edit

So what you want to do is:

$.getJSON(jsonUrl, '', function(json) {
  ...