如何移动一个主要的iframe灯箱？

Question

我必须制作一个可拖动/可移动的灯箱iframe

灯箱代码：

<p:lightBox id="draggable" iframe="true" width="910px" height="500px" style="overflow:none" widgetVar="dlg" iframeTitle="flight">        
   <h:outputLink value="/airProject/flightBooking.xhtml" title="flight" styleClass="LinkButton">  
   </h:outputLink>                  
</p:lightBox>

试过这个（移动）

<p:draggable for="draggable" />

也是这样：

<script type="text/javascript">
 $(function() {
  $( "#draggable" ).draggable();
 });
</script>

但这些是移动按钮而非iframe弹出窗口。那么当我们移动p：dialog时，如何拖动/移动iframe lighbox popup？

Answer 1

假设您的lightBox的widgetVar是：lightBoxWV

<script type="text/javascript">
    $(function() {
       PF('lightBoxWV').panel.draggable()
    });
</script>

希望这有帮助。