javascript - fancybox2 的问题 - $.fancybox.resize 不是函数 - 错误

标签 javascript jquery html fancybox

Javascript

/*Corner by Arthur Wulf White
jquery,  jquery ui and jeditable required
*/
$(document).ready(function()
{
    $("a.magicInput").click(function(e){
        e.preventDefault();
        $("ol.addItems").append('<li>Something</li>');
        $.fancybox.resize();
    });
    $("a.fancy").fancybox(       
    {
        'scrolling' : 'no',
        'autoScale' : true,
        'autoDimensions' : true

    });
    return false;
});

HTML

<!DOCTYPE html>
<html>
    <head>
        <meta charset=utf-8 />
        <title>
            studyWise - Log in
        </title>
        <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
        <script type="text/javascript" src="js/jquery-ui-1.8.20.custom.min.js"></script>
    <script type="text/javascript" src="js/fancy/jquery.fancybox.js"></script>
    <script type="text/javascript" src="js/fancy.js"></script>

        <link rel="stylesheet" type="text/css" media="screen" href="css/reset.css" />
        <link rel="stylesheet" type="text/css" media="screen" href="css/style.css" />
        <link rel="stylesheet" href="js/fancy/jquery.fancybox.css" type="text/css" media="screen" />    

    </head>
    <body>
        <div id="wrap">
<div id="menu">
    <a class="fancy" href="#fancybox">Open</a>
</div>
<div id="main">
    <div class="secret">
        <div id="fancybox">
            <a class="magicInput" href="">Ok</a>
            <ol class="addItems">

            </ol>
        </div>
    </div>
</div>
</html>

结果:

$.fancybox.resize is not a function
[Break On This Error]   

$.fancybox.resize();

fancy.js (line 9)
$.fancybox.resize is not a function
[Break On This Error]   

$.fancybox.resize();

fancy.js (line 9)
$.fancybox.resize is not a function
[Break On This Error]   

$.fancybox.resize();

fancy.js (line 9)
$.fancybox.resize is not a function
[Break On This Error]   

$.fancybox.resize();

我想要的只是一个工作示例,其中 fancybox 扩展/拉伸(stretch)以适合其中的整个列表。谢谢 - jsfiddle 中应该只有一两行,请帮忙,因为我不知道为什么它不起作用。

最佳答案

您正在使用 fancybox v2.x。此版本的选项是新的,与以前的版本 (1.3.x) 不兼容。

$.fancybox.resize() 不是 fancybox v2.x 的有效方法,请使用 $.fancybox.update()反而。 autoScaleautoDimensions 也是如此,它们是 v1.3.x 的选项

检查 http://fancyapps.com/fancybox/#docs为您正在使用的版本选择正确的选项集。

关于javascript - fancybox2 的问题 - $.fancybox.resize 不是函数 - 错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10910601/

相关文章:

javascript - 扩展 Markdown 标签而不处理代码

jquery - 如何将 jquery 中的 $ 函数更改为另一个单词以使其与其他框架兼容

html - 在网页上嵌入 youtube 视频时如何避免 div 重叠?

javascript - 如何在 d3.js 中将单栏制作为 3d 效果?

javascript - Css 类样式不适用于 svg

javascript - 使用 jquery 数据表时如何通过选择框更改自定义 dom

javascript - Angular JS拦截器检查响应数据返回html

javascript - jQuery 下载带有链接 onclick 的 csv 文件

javascript - 如何拦截特定请求

jquery - 我怎样才能得到 :hover state for jCarousel arrows to work?