[jQuery] jqModal two overlays
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?