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?