jquery colorbox未加载iframe内容

时间:2011-11-04 07:17:29

标签: jquery uploadify colorbox

我被困在我的网站上的某一点:http://clients.arkamatics.com/signature/我在其中使用colorbox和其他一些插件,比如uploadify和colorpicker,当我在本地xampp服务器上检查时,代码可以正常工作,但是一旦我在网上上传彩盒就没有加载iframe和内容,你可以按照以下步骤执行:

  1. 打开网站:http://clients.arkamatics.com/signature/
  2. 在左下角点击上传按钮并上传文件
  3. 在上传完成过程中,警报(这是我们调试的一部分)将显示我们传递给colorbox以在iframe中打开的网址。
  4. 颜色框打开但只显示加载图标,不会在iframe中加载网址内容,下面是我用来执行相同操作的代码集:

    $("#fileUpload").fileUpload({
    'uploader': 'uploadify/uploader.swf',
    'cancelImg': 'uploadify/cancel.png',
    'script': 'uploadify/upload.php',
    'folder': '/images',
    'multi': false,
    'displayData': 'speed',
    'auto'      : true,
    'buttonImg' : 'uploadify/btnupload.png',
    'wmode' : 'transparent',
    'onComplete'  : function(event, ID, fileObj, response, data) {
        //alert('There are ' + fileObj.name + ' files remaining in the queue.'+fileObj.type);
        //$(".img_tpl").load('uploadedimage.php?filename='+fileObj.name);
        var filename = fileObj.name.replace(/ /g,"_"); 
        var colboxurl = 'upload1/uploadedimage.php?filename='+filename;
        alert(colboxurl);
        $.fn.colorbox({iframe: true, href:colboxurl, width:"90%", height:"90%",onClosed:function(){ 
                        $(".img_tpl").load('upload1/showfinalimage.php?filename='+filename,function(){   
                                                    $(".file_name").val($(".img_tpl img").attr('src'));
                                                    $(".remove_img").show();
                                                    adjustheights();
                                                })
    
        }});
    }
    });
    
  5. 任何帮助将不胜感激。

1 个答案:

答案 0 :(得分:0)

某些colorbox或Lightbox没有打开,因为我已经研究了很多插件,但没有一个工作,因为他们在加载它们时采用动态链接。更好的是从这里使用jquery image gallery plugin,一切正常。< / p>

http://blueimp.github.com/jQuery-Image-Gallery/