无法单击图像进入预览响应式文件管理器

时间:2014-04-29 02:13:33

标签: javascript jquery jquery-plugins responsive-design

我遇到问题当我在Standalone中使用响应式文件管理器时,问题就出现了,当我想要从对话框双击图像时,响应文件管理器然后附加到预览DIV。

这里是我调用响应式文件管理器的代码

<a href="http://domain.com/assets/backend/lib/rf/filemanager/dialog.php?type=1&amp;popup=1&amp;field_id=backgroundName" class="btn iframe-btn" type="button">Select Picture</a>

包含的脚本是

    <script type="text/javascript" src="{{base_url()}}assets/backend/lib/tinymce/tinymce.min.js"></script>
        <script type="text/javascript" src="{{base_url()}}assets/backend/lib/rf/filemanager/plugin.min.js"></script>
        <script type="text/javascript" src="{{base_url()}}assets/backend/lib/jquery.fancybox-1.3.4/fancybox/jquery.fancybox-1.3.4.pack.js?v=1.3.4"></script>

$(function(){
      $('.iframe-btn').fancybox({
      'width'   : 880,
      'height'  : 570,
      'type'    : 'iframe',
      'autoScale'   : false
      });
      $('#download-button').on('click', function() {
        ga('send', 'event', 'button', 'click', 'download-buttons');
      });
      $('.toggle').click(function(){
        var _this=$(this);
        $('#'+_this.data('ref')).toggle(200);
        var i=_this.find('i');
        if (i.hasClass('icon-plus')) {
          i.removeClass('icon-plus');
          i.addClass('icon-minus');
        }else{
          i.removeClass('icon-minus');
          i.addClass('icon-plus');
        }
      });
});

错误是

Uncaught TypeError: Cannot read property 'document' of null at include.min.js line 11

这里是我的jsfiddle http://jsfiddle.net/viyancs/LQG36/

任何人都可以帮助我吗?

资源 http://responsivefilemanager.com/

2 个答案:

答案 0 :(得分:1)

您好我找到了解决方案

请勿在iframe模式下查询&popup=1,我将更改为此

<a href="http://domain.com/assets/backend/lib/rf/filemanager/dialog.php?type=1&amp;field_id=backgroundName" class="btn iframe-btn" type="button">Select Picture</a>

现在它的工作

答案 1 :(得分:0)

  1. 如果您使用了document.write();
  2. 在JavaScript中,document.write()当前正在被解析,信息可用于编写文档,并且包含在place标记中调用此方法的代码会将文本放入HTML文档中。

    只能在顶级代码标签中调用document.write(),它将记录此脚本,因为它是作为解析过程的一部分运行的。

    <html>
    <body>
    
    <script>
    document.write("Hello");
    </script>
    
    </body>
    </html> 
    

    2.和....我想......你检查了include.min.js文件导入。