I just started using jqModal as I need support for nested modals.  I'm
noticing some erratic behavior with nested modals and ajax, but I
don't know exactly how to fix it.  What happens is when I load a
modal, that has a nested modal in it, I get two jqmOverlay divs, it's
like it's applying the overlay for both modals, even though the nested
one wouldn't have been triggered yet.  Here's the code:

// Main Modal
$(function(){
 $("#modal").jqm({ajax:'@href'});
})
<a class="label jqModal" href="/suppliers/2/edit">View Supplier</a>

// Nested Modal code fragment within the /suppliers/2/edit html
$(function(){
 $("#nested_modal").jqm({ajax:'@href', zIndex:3001});
})
<a class="button jqModal" href="/suppliers/6/bills/new">Add Bill</a>

It seems to work the first time, but if I close the modal, then open
again I get the double overlay problem.  Is this a bug? or the way I'm
calling my nested modal?

Reply via email to