javascript - Jquery ポップアップが editlive エディターの背後に隠れる

Question

私のアプリケーションでは、EditLive Editor を使用しました。edtor が存在する同じページでポップアップを開こうとすると、その背後に隠れてしまいます。どうすればeitorを介してjqueryダイアログを取得できますか。

ありがとう

Answer 1

jQueryダイアログにより大きなz-indexを与えてみてください。

コード例

//Initialize a dialog with the zIndex option specified.
$( ".selector" ).dialog({ zIndex: 3999 });
//Get or set the zIndex option, after init.
//getter
var zIndex = $( ".selector" ).dialog( "option", "zIndex" );
//setter
$( ".selector" ).dialog( "option", "zIndex", 3999 );

Answer 2

あなたが扱っている問題は、ブラウザとアプレットがどのように共存するかに関係しています。一般に、アプレットは z-index を無視し、常に一番上に表示されます。これは EditLive の問題ではなく、一般的なアプレットの問題です。

特に EditLive には、これに対処するための setBackgroundMode という API があります。

• EditLive 8: http://docs.ephox.com/display/public/EditLive/setBackgroundMode+Method

• EditLive 6/7: http://docs.ephox.com/display/EditLive7/setBackgroundMode+Function

他のアクション (AJAX ライトボックスの表示など) を実行する前に、コールバックが起動するのを待つ必要があることに注意してください。