Passing a variable into a .load function

Question

I want to pass a variable into a .load() function, not the URL, but the function that would happen afterwards.

As you can see below, i have an if/else statement. I want to pass a variable into that. At the moment i have 2 variables which sit outside this $next and $prev, these are outside of the method. I have tried making them global but that doesn't work. Ideally i want these to be variables as it is used a couple of times.

var $next = $('.nav.next');
var $prev = $('.nav.prev');


method.open = function(settings) {
    var $link_url = settings.url + ' ' + settings.element;

    $($modal_inner).load( $link_url, function(response, status, xhr ) {
        if (status == 'error') {
        var msg = 'Sorry but there was an error: ';
            $( '#error' ).appendTo( '.modal_inner' );
            $( '#error' ).html( msg + xhr.status + " " + xhr.statusText) ;
        }
        else {
            // Get pagination URL's
            var $pag_next = $(this).find('#post').attr('data-pag-next');
            var $pag_prev = $(this).find('#post').attr('data-pag-prev');

            // If URL's add URL and show 
            if( $pag_next != '') {
                $( $next ).attr('href', $pag_next);
            }
            if( $pag_prev != '') {
                $( $prev ).attr('href', $pag_prev);
            }

        }
    });
};

jfriend00 · Accepted Answer · 2012-11-05 16:48:04Z

3

You can use variables in your parent scope, either local variables from your parent function or arguments from your parent function. For example, if you passed in next and prev into the open method like this, then you could access them in the load handler function.

method.open = function(settings, next, prev) {
    var $link_url = settings.url + ' ' + settings.element;

    $($modal_inner).load( $link_url, function(response, status, xhr ) {
        // you can access next and prev from your parent scope here
        if (status == 'error') {
        var msg = 'Sorry but there was an error: ';
            $( '#error' ).appendTo( '.modal_inner' );
            $( '#error' ).html( msg + xhr.status + " " + xhr.statusText) ;
        }
        else {
            // Get pagination URL's
            var $pag_next = $(this).find('#post').attr('data-pag-next');
            var $pag_prev = $(this).find('#post').attr('data-pag-prev');

            // If URL's add URL and show 
            if( $pag_next != '') {
                $( $next ).attr('href', $pag_next);
            }
            if( $pag_prev != '') {
                $( $prev ).attr('href', $pag_prev);
            }

        }
    });
};

answered Nov 5, 2012 at 16:48

jfriend00

711k104 gold badges1.1k silver badges1k bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

zizther Over a year ago

Thanks @jfriend00, i couldn't quite get this working, if i have the variables set do i then put them in the open method call?

jfriend00 Over a year ago

@zizther - I don't understand your question. Any additional data that you want access to in the load handler function can just be passed in as arguments to the open method.

zizther Over a year ago

where you have put next and prev into the load handler, is that the variable call or are you referencing them somewhere else? It maybe me not quite understanding it.

jfriend00 Over a year ago

@zizther - see how I made them arguments to the open() method definition. You would pass them to your open call: foo.open(settings, $('.nav.next'), $('.nav.prev'));

Sushanth -- · Accepted Answer · 2012-11-05 16:49:17Z

1

Remove the $() before the $next

$( $next )

Should be

$next

Because $next is already a jQuery Object ..

In the code you are again trying to convert that into a jQuery Object

if( $pag_next != '') {
    $next.attr('href', $pag_next);
}
if( $pag_prev != '') {
    $prev.attr('href', $pag_prev);
}

answered Nov 5, 2012 at 16:49

Sushanth --

55.8k9 gold badges70 silver badges109 bronze badges

3 Comments

Pierre de LESPINAY Over a year ago

He could even use next actually

jfriend00 Over a year ago

While the extra $() is unnecessary, it works fine so I don't think this is what the OP is asking.

zizther Over a year ago

I have tried that, but it still does not seem to reference the element. What it is doing is getting and passing a URL into the element, but it comes back blank at the moment

Collectives™ on Stack Overflow

Passing a variable into a .load function

2 Answers 2

4 Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related