Question

这是活动fancyBox的链接

<a class="demo-select fancybox.ajax" id="select-demo-vdo" href="<?php echo Yii::app()->createUrl("/admin/default/listProgram",array("user_id"=>$user_id));?>">select demo video</a>
<input type="text" id="demo-video-id" name="demo_video" value="" />

这是我的剧本

  <script type="text/javascript">
    jQuery.noConflict(); 
    $(document).ready(function() {


        $(".demo-select").fancybox({
        maxWidth    : 900,
        maxHeight   : 900,
        fitToView   : false,
        width       : '80%',
        height      : '70%',
        autoSize    : false,
        closeClick  : false,
        openEffect  : 'none',
        closeEffect : 'none',

    });
      });
    </script>

在列表程序视图中

foreach($lists as $file){
     echo "<a href='#' class='thumbnail' onClick='selectVideo($file->id)'>"; 
     echo "$file->name";
     echo "</a>";
}

 <script type="text/javascript">
       function selectVideo(id){
          $("#demo-video-id").val(id);
          parent.jQuery.fancybox.close();
       }

</script>

问题是:: demo-video-id已更新但FancyBox未关闭。如何解决这个问题。感谢

Answer 1

只需使用$.fancybox.close();。

Answer 2

修复问题布局在活动jquery有facybox脚本和facybox中的布局显示之前也有脚本。必须删除布局中的脚本才能在facybox中显示。

将值子窗口传递给父[fancybox]

2 个答案: