I am trying to use multiple returns but just keep breaking the code. I have tried a few examples, but cant find the right combination.

How can I combine these two return statements into one?

$(".bar").popover({
content: 
    function (){
        return $(this).data('dataObj').status;
        return $(this).data('dataObj').timeline;
    }
});

I am trying to use multiple returns but just keep breaking the code. I have tried a few examples, but cant find the right combination.

How can I combine these two return statements into one?

$(".bar").popover({
content: 
    function (){
        return $(this).data('dataObj').status;
        return $(this).data('dataObj').timeline;
    }
});

• javascript
• return

• Doesn't popover content attribute require a string? – ATOzTOA Commented Mar 14, 2013 at 14:04
• just use return $(this).data('dataObj') – zgr024 Commented Mar 14, 2013 at 14:15

4 Answers 4

Use

function (){
    return $(this).data('dataObj');
}

OR

function (){
    // return an array
    return [ $(this).data('dataObj').status, $(this).data('dataObj').timeline ]
}

OR

function (){
    // return a associative array
    return { "status": $(this).data('dataObj').status, "timeline": $(this).data('dataObj').timeline }
}

And process the components in the caller.

Update

The content parameter for popover needs a string as argument, you can do this:

function (){
    return $(this).data('dataObj').status + " " + $(this).data('dataObj').timeline;
}

Putting aside this specific case, where the plugin demands a certain type of return value (apparently a string in this case), you can't really... A return statement terminates the function. What you'll have to do is return an object (or an array) containing those two values -

var status = $(this).data('dataObj').status;
var timeline = $(this).data('dataObj').timeline;
return [status,timeline];

Or

var status = $(this).data('dataObj').status;
var timeline = $(this).data('dataObj').timeline;
var returnObj = {'status':status, 'timeline':timeline};
return returnObj;

You can return objext ir array containig those two items

$(".bar").popover({
content: 
    function (){
        return 
        {
        status: $(this).data('dataObj').status;
        timeline: $(this).data('dataObj').timeline;
        }
    }
});

Try returning an array with .status and .timeline as elements. Ok Lix was faster.