jquery variable issue?

Question

I am trying to get and pass a rel attr to tell which tab to select in a nyro pop up function.

function guestlist (selector) {
    $(selector).nyroModal({
        hideContent: newHide,
        endShowContent: function () {
            var getNumbers = $(selector).attr('rel');
            alert(getNumbers);
            specialwater();
            tabs('#manage-guestlist',getNumbers);
        }
    });    
}

guestlist('a.see-all');

How do I get that number into the callback endShowContent?

Update: This is being used on different links with different rel values

HTML These are 2 links in the DOM I need to get the rel values on the above click function which nyro handles.

<a  href="/events/manage_guestlist" class="see-all" rel="1">See All</a>
<a  href="/events/manage_guestlist" class="see-all" rel="0">See All</a>

Are you trying to get the attribute for the first matched element or the attributes of all matched elements? — Martin Nycander
– Martin Nycander, Commented Oct 20, 2009 at 15:36
@matthewb - if it loads onReady, how do you determine which rel attribute should be used? — Jeff Sternal
– Jeff Sternal, Commented Oct 20, 2009 at 16:10

Jeff Sternal · Accepted Answer · 2009-10-20 18:55:39Z

3

Is this right?

If the user clicks either link, you want to show it in a modal window with the appropriate tab selected (specified by the rel attribute).
When the page loads open a modal window showing /events/manage_guestlist, with the first tab selected (tab 0).

If so, I'd do it like this:

// Pass the tab index in to this function
function showGuestList(tabIndex) {
    $('a.see-all').nyroModalManual({
        hideContent: newHide,
        endShowContent: function() {
            specialwater(); 
            tabs('#manage-guestlist', tabIndex);
        }
    });
}

// On page load, nothing's been selected, so show the default tab
$(document).ready(function() { 
    showGuestList(0);
});

// Attach a click handler to our links that passes the value of 
// the element's rel attribute
$('a.see-all').click(function {
    showGuestList($(this).attr('rel'));
});

edited Oct 20, 2009 at 18:55

answered Oct 20, 2009 at 16:33

Jeff Sternal

48.8k9 gold badges97 silver badges121 bronze badges

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

1 Comment

brianpeiris Over a year ago

+1 This seems to achieve the questioner's intention. However, you've got your parentheses and curly-brackets mixed up inside the showGuestList function and you should probably be using nyroModalManual method, since the nyroModal method only binds click handlers and doesn't actually show the dialog.

Paul · Accepted Answer · 2009-10-20 15:16:47Z

0

Can you not use

$(this).attr('rel');

$(this) should give you the element that the current event was fired from...

answered Oct 20, 2009 at 15:16

Paul

5,5762 gold badges32 silver badges38 bronze badges

1 Comment

Crescent Fresh Over a year ago

No, nyro does not call endShowContent in the context of any element. Check the source yourself: nyromodal.nyrodev.com/js/jquery.nyroModal-1.5.2.js

Martin Nycander · Accepted Answer · 2009-10-20 15:43:27Z

0

Now, assuming your tabs function would take just one call for each rel-attribute your could try something like this. The each function will ensure you to access one element at a time.

function guestlist (selector) {
    $(selector).nyroModal({
        hideContent: newHide,
        endShowContent: function () {
             $(selector).each(function()
             {
                 tabs('#manage-guestlist', $(this).attr('rel'));
             });
        }
    });    
}

guestlist('a.see-all');

answered Oct 20, 2009 at 15:43

Martin Nycander

1,30914 silver badges30 bronze badges

1 Comment

matthewb Over a year ago

This does not work its gets 0 then 1 immediately because of the each.

Collectives™ on Stack Overflow

jquery variable issue?

3 Answers 3

1 Comment

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related