Question

I’m using jQuery and made a plugin for some in house work that basically builds URLs for our internal API. Anyways, I want to return $(this) and im not getting the right thing and im getting a createdocumentfragment error?

Plugin code:

$.get(base_url,{
    agenda_id:defaults.id,
    action:defaults.action+defaults.type,
    output:defaults.output
},function(html){
    defaults.callback(html);
});

That works fine, but i want to add return obj like so:

$.get(base_url,{
    agenda_id:defaults.id,
    action:defaults.action+defaults.type,
    output:defaults.output
},function(html){
    defaults.callback(html);
    return obj;
});

Obj is set at the start of my plugin and obj works fine throughout the plugin. It’s set as obj=$(this);

In my script, which uses the plugin, I have:

$('#agenda-live-preview').agenda({action:'get',type:'agenda',id:window.location.href.split('/').pop(),callback:function(html){
    $(this).empty().append($(html).html());
}});

However, it doesn’t work and returns:

Error: doc.createDocumentFragment is not a function
Source File: http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js
Line: 4373

In the console error logs. Any ideas how to return $(this) AND run the callback?

Answer 1

I (finally) left a comment in your other question. :o) I’m pretty sure you need to do this in your plugin:

defaults.callback.call(this,html);

instead of:

defaults.callback(html);