0

ファンシーボックスを使用して、各 div に特定の兄弟をロードしようとしています。

例えば：

<div id ="content">
<div class="item1">
<div class="pop-ups"><span>click</span></div>
<div class="hidden"><span>content for item 1</span></div>
</div>
<div class="item2">
<div class="pop-ups"><span>click</span></div>
<div class="hidden"><span>content for item 2</span></div>
</div>
<div class="item3">
<div class="pop-ups"><span>click</span></div>
<div class="hidden"><span>content for item 3</span></div>
</div>
<div class="item4">
<div class="pop-ups"><span>click</span></div>
<div class="hidden"><span>content for item 4</span></div>
</div>
</div>

プロパティ Content を使用して構成を試みましたが、取得できませんでした。特定のアイテムごとに非表示にすることは可能ですか?

4

2 に答える 2

4

以下のコードを使用できます。

$(function(){
   $("div.pop-ups span").click(function(){
      $.fancybox({ content: $(this).parent().next().html() });
   });
});

これにより、fancybox 内の関連する div のコンテンツが表示されます。

于 2012-08-23T17:31:14.563 に答える
1

この関数を呼び出して、fancybox 内の特定の div コンテンツを開くことができます。

    function OpenDiv(divIDtoopen) //eg. divIDtoopen= #divID //# is must to be prepended to divID for selection 
    {
        $(document).ready(function ()
        {
            $.fancybox.open(
                {
                    href: divtoopen
                }
                );
        }
        );
    }
于 2012-11-16T06:12:00.517 に答える