0

ファンシーボックスに問題があります。私の製品はファンシーボックスで開かれており、コンテンツ内に関連製品があります。ユーザーが関連リンクをクリックして新しいfancyboxで製品を開いたときにfancyboxを閉じたいと思います。

助けてくれてありがとう。しかし、それは機能していません:( .fancyboxのないウィンドウで製品が開きます。

    $(document).ready(function() {
$("a#fancy1").fancybox({
        'speedIn'           : 600, 
        'speedOut'          : 200, 
        'overlayShow'       : false,
        'autoDimensions'    : false,
        'width'             : 620,
        'height'            : 'auto',
        'overlayShow'       : true,
        'overlayOpacity'    : 0.8,
        'overlayColor'      : '#ccc'
});
$("a#fancy2").fancybox({
        'speedIn'           : 600, 
        'speedOut'          : 200, 
        'overlayShow'       : false,
        'autoDimensions'    : false,
        'width'             : 620,
        'height'            : 'auto',
        'overlayShow'       : true,
        'overlayOpacity'    : 0.8,
        'overlayColor'      : '#ccc'
}); 
});

これは私が持っているものです。製品をクリックすると、fancybox "fancy1" が開きます。しかし、fancybox リンク内をクリックすると、空想なしで関連製品が開き、次のようになります。

( $ は定義されていません $(function(){$('#form_2538').validate();}); ) !

この方法で製品にリンクする

<a id="fancy1" href="product_url" >

この方法で行われた関連へのリンク

<a id="fancy2" href="product_url" >

私はしばらくこれに苦労してきました:(

そして、私はそれを解決しました!!!!!!!!!!!!!!!!!!!!

私は問題を解決しました!!

下記を参照してください！

    $(document).ready(function() {

$("a.fancy1").live("hover",
        function()
        {$("a.fancy1").fancybox({
        'speedIn'           : 600, 
        'speedOut'          : 200, 
        'overlayShow'       : false,
        'autoDimensions'    : false,
        'width'             : 620,
        'height'            : 'auto',
        'overlayShow'       : true,
        'overlayOpacity'    : 0.8,
        'overlayColor'      : '#ccc'

        });
        });
    });
4

2 に答える 2

0 
<a href="product_url" id="fancy2">Link</a>

<script>
$('#fancy2').click(function()
{
    $(this).parent().fancybox.close();
});
</script>

また

<script>
$('#fancy2').click(function()
{
    $('a#fancy1').trigger('click');
});
</script>
于 2012-05-21T18:23:10.217 に答える
0

次のように、リンクごとに個別に fancybox をバインドする必要があります

$("a#fancy1").fancybox({
// options
});
$("a#fancy2").fancybox({
// options
});

2 番目のスクリプトが最初のスクリプトの中にないことに注意してください (onClosedオプション)。

次のような最初のファンシーボックスを開きます。

<a id="fancy1" href="{link to product}">open product</a>

次に、開いたコンテンツ内に次のようなリンクが必要です

<a id="fancy2" href="{target to related product}">see related product</a>

最初のファンシーボックスを実際に閉じる必要はありません。その内部から 2 番目のボックスにリンクすると閉じます。

于 2012-05-21T23:43:12.170 に答える