jquery jqModal Ajaxとネストされたモーダルの問題

Question

入れ子のモーダルのサポートが必要なので、jqModalの使用を開始したばかりです。私はネストされたモーダルとajaxでいくつかの不安定な動作に気付いていますが、修正する方法は正確にはわかりません。 2つのjqmOverlay divを取得すると、ネストされたモーダルがまだトリガされていないにもかかわらず、両方のモーダルにオーバーレイが適用されているようなものになります。モダルを閉じると、表示されるオーバーレイはまだ1つあります。ここでは、コードです：

// 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> 

は、最初に動作しているようですが、私はメインのモーダルを閉じた場合、その後、私は二重のオーバーレイの問題を取得し、再び開きます。これはバグですか？私のネストされたモーダルと呼んでいますか？また、ネストされたモーダルとjqmコールを削除すると、メインモーダルは毎回うまく動作するため、ネストされたモーダルと関係があることがわかります。

Answer 1

私の入れ子になったAJAX jqModalsにも同様の問題がありました。ここに解決策があります：toトップパラメータ、z-インデックスと組み合わせて、

はあなたのネストされたモーダルの高Zインデックスを設定し、JQMを作成するときにtrueにtoTopを設定します。たとえば：

// Nested: 
<div id="test" style="z-index: 5000;">Test content</div> 
... 
<script type="text/javascript"> 
$.ready(function(){ 
    $('#test').jqm({ 
    toTop:     true, 
    modal:     true, 
    overlay:    10, 
    }); 
}); 
</script> 

ZインデックスとtoTopパラメータをいじりあなたの問題を解決するために役立つはずです。