Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/webpack/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 花式盒子是直接做链接的_Jquery_Lightbox_Fancybox - Fatal编程技术网

Jquery 花式盒子是直接做链接的

Jquery 花式盒子是直接做链接的,jquery,lightbox,fancybox,Jquery,Lightbox,Fancybox,我有这个 $(".features_edit").fancybox({ 'width' : '38%', 'height' : '40%', 'autoScale' : false, 'transitionIn' : 'none', 'transitionOut' : 'none', 'type' : 'iframe' }); 我的html

我有这个

$(".features_edit").fancybox({
    'width'             : '38%',
    'height'            : '40%',
    'autoScale'         : false,
    'transitionIn'      : 'none',
    'transitionOut'     : 'none',
    'type'              : 'iframe'
});
我的html

 <li><a href="http://somthing.com/side/48/features/553/edit" class="features_edit">Apples</a></li>
 <li><a href="http://somthing.com/side/48/features/554/edit" class="features_edit">Oranges</a></li>
 <li><a href="http://somthing.com/side/48/features/555/edit" class="features_edit">Pears</a></li>

没有发生任何事情,所以我可能需要一些活的东西来让它工作任何想法

文档链接如下。

下面是关于FANYBOX的一些事情:

  • 需要有效的doctype
  • 需要jQuery和fancybox js文件
  • 需要fancybox css文件

  • 另外,您的$(选择器).fancybox({…语句必须在$(文档).read(函数)中{…语句。

    你能发布一个更完整的代码示例吗?你有没有收到任何javascript错误?当没有包含fancybox插件js文件的正确路径时,我也看到了这一点。

    确保在文档准备好后调用$.fancybox

    例如:

    jQuery(document).ready(function($){
    $(".features_edit").fancybox({
        'width'             : '38%',
        'height'            : '40%',
        'autoScale'         : false,
        'transitionIn'      : 'none',
        'transitionOut'     : 'none',
        'type'              : 'iframe'
    });
    });
    
    jQuery(document).ready(function($){
    $(".features_edit").fancybox({
        'width'             : '38%',
        'height'            : '40%',
        'autoScale'         : false,
        'transitionIn'      : 'none',
        'transitionOut'     : 'none',
        'type'              : 'iframe'
    });
    });