| Issue 324: | using nyro after tabs 3 | |
| 2 people starred this issue and may be notified of changes. | Back to list |
|
What steps will reproduce the problem?
1. setup a jquery tabs 3
2. make sure nyro is in the parent page
2. in the tab content, have a <a href> with a nyromodal class.
What is the expected output? What do you see instead?
that nyromodal should luanch from the link that's loaded in the dynamic
tab content
What version of the product are you using? On what operating system?
1.2.8
this is the code i have:
<script type="text/javascript">
//<![CDATA[
jQuery.noConflict();
(function($) {
$(function() {
var $tabs = $('.tabData > ul').tabs({cache:false});
$('#commLink').click(function() { // bind click event to link
$tabs.tabs('select', 14);
$('a.nyroModal').nyroModal();
return false;
});
<% selected = request.QueryString("selected")
if isnumeric(selected) AND isnull(selected)= false AND
selected <> "" then %>
$tabs.tabs('select', <%=selected%>);
<% end if %>
});
})(jQuery);
//]]>
</script>
thanks!
Sep 11, 2009
Any news about this issue?
Oct 13, 2009
(No comment was entered for this change.)
Status:
WontFix
|
||||||||
It doesn't work because the .nyroModal links are binded at the page load. So, when you're loading new content in your tab using ajax, the new links aren't binded. To solve your trouble, you could simply bind the new loaded links when a tab is loaded. So, your code: var $tabs = $('.tabData > ul').tabs({cache:false}); will become: var $tabs = $('.tabData > ul').tabs({cache:false, load: function(){$('a.nyroModal').nyroModal();}}); Maybe you could target the links to bind only the new links added, but I don't have too much time to get deeper in the tabs docs. Did it help you?