0

私はjqueryの初心者で、ファンシーボックスの実装に大きな問題を抱えています。ユーザーガイドに従ってすべての指示に従い、インターネットで多くの例を探しました。私はそれをコードイグナイターに結び付けているので、それが違いを生んでいるかどうかはわかりません。

簡単に使用しようとしています-リンクをクリックして、コンテンツとハイパーリンクを含むテキストボックスを表示します。

アプリケーションフォルダーの「fancybox」というフォルダーにすべてのファイルがあります。

これが私のヘッダーです：

    <link rel="stylesheet" href="/fancybox/source/jquery.fancybox.css?v=2.1.0" type="text/css" media="screen" />
    <link rel="stylesheet" href="/fancybox/source/helpers/jquery.fancybox-buttons.css?v=1.0.3" type="text/css" media="screen" />
    <link rel="stylesheet" href="/fancybox/source/helpers/jquery.fancybox-thumbs.css?v=1.0.6" type="text/css" media="screen" />
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
    <script type="text/javascript" src="/fancybox/lib/jquery.mousewheel-3.0.6.pack.js"></script>
    <script type="text/javascript" src="/fancybox/source/jquery.fancybox.pack.js?v=2.1.0"></script>
    <script type="text/javascript" src="/fancybox/source/helpers/jquery.fancybox-buttons.js?v=1.0.3"></script>
    <script type="text/javascript" src="/fancybox/source/helpers/jquery.fancybox-media.js?v=1.0.3"></script>
    <script type="text/javascript" src="/fancybox/source/helpers/jquery.fancybox-thumbs.js?v=1.0.6"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            $(".fancybox").fancybox();
            content:kljsadlkfajsdlfkjasdflkjads;
        });
    </script>

そして、これがhtmlビューです：

        <div class="resources">
            <a class="fancybox" rel="group" href="#">test</a>
        </div>

助けてくれてありがとう

4

2 に答える 2

1

エラーは、fancyboxの呼び出し方法にあります。構文が間違っています。

オプションをオブジェクトとして渡す必要があります。

例えば

// Override content
$(".fancybox").fancybox({
    content: "kljsadlkfajsdlfkjasdflkjads"
});

さらなる例はドキュメントに示されています

于 2012-09-20T20:09:11.537 に答える
1

fancybox に表示する要素を自動的に見つけてもらいたい場合は、その要素の ID をhref属性に入れます。

<a href="#box1" class="fancybox">Show box 1</a>
<div style="display:none"><div id="box1">I am in fancybox!</div></div>

そしてJavaScript：

$(document).ready(function() {
  $("a.fancybox").fancybox();
});

ファンシーボックス ダイアログを手動で表示したい場合は、次のように呼び出します。

$("#box1").fancybox();
于 2012-09-20T20:01:03.527 に答える