如何移动一个素面框架灯箱

Question

我必须创建一个可拖动/可移动的灯箱iframe

lightBox code:

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

try this(for moving)

<p:draggable for="draggable" />

和this too:

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

但是这些是移动按钮而不是iframe弹出。那么，当我们移动对话框时，如何拖动/移动iframe光盒弹出?

Answer 1

假设你的lightBox的widgetVar是:lightBoxWV

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