4

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が拡張/拡張される実際の例です。ありがとう - jsfiddle であと 1 行か 2 行だけでいいはずです。なぜ機能しないのかわかりません。助けてください。

4

2 に答える 2

12

fancyboxv2.xを使用しています。このバージョンのオプションは新しく、以前のバージョン（1.3.x）とは互換性がありません。

$.fancybox.resize() fancybox v2.xの有効な方法ではありません$.fancybox.update()。代わりに、を使用してください。これは、 v1.3.xのオプションであるとの場合autoScaleと同じです。autoDimensions

使用しているバージョンに適したオプションのセットについては、http：//fancyapps.com/fancybox/#docsを確認してください。

于 2012-06-06T16:59:52.700 に答える
-2

実行時に Fancybox のサイズを変更するにはどうすればよいですか?

FancyBox のサイズ変更幅

それはあなたを助けると思います。これらのエラーから、JS ファイルが欠落していることを明確に示しています。

于 2012-06-06T09:25:36.323 に答える