javascript - Jquery Popup 隐藏在 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 具体有一个 API 来解决这个问题，称为 setBackgroundMode

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

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

请注意，在执行其他操作（例如显示 AJAX 灯箱）之前，您应该等待回调触发