Question

我知道之前有人问过，但无论如何我都无法工作。我想要做的是在页面加载（在Magento上）启动FancyBox。看起来很简单，但由于我对JQuery不是很熟悉，我遇到了一些问题。我通过手动点击锚点得到的代码如下：

    <!-- FancyBox -->
    <script type="text/javascript">

    jQuery(document).ready(function(){   

    jQuery("a[rel=fancybox]").fancybox({            

    });

    });
    </script>
    <!-- FancyBox -->

    <p><a id="image_id" href="http://shop2.xsmoke.com/skin/frontend/infinitus/maxxi/images/logo-300x71.png" rel=iframeLink><img src="http://shop2.xsmoke.com/skin/frontend/infinitus/maxxi/images/logo-300x71.png" alt="" /></a></p>

到目前为止，关于自动启动的内容是：

    jQuery(document).ready(function(){   

    $("#image_id").fancybox().trigger('click');

    });

其余的都一样。有人可以帮忙吗？

编辑：好的，我一直试图让它工作几个小时，我尝试使用纯JavaScript来点击锚点。我写了

    function init(){

        document.getElementById("image_id").click();

    }

    window.onload = init;

但它仍然没有点击锚点。当我在本地的基本html页面上尝试它时，它可以工作，但是在服务器上的Magento home-content.phtml上却没有。

Answer 1

尝试

jQuery(document).ready(function(){   

    jQuery("a[rel=fancybox]").fancybox({});
    jQuery("a[rel=iframeLink]").fancybox({});
    $("#image_id").trigger('click');

});

 <p>
  <a id="image_id" href="http://shop2.xsmoke.com/skin/frontend/infinitus/maxxi/images/logo-300x71.png" rel="iframeLink">
   <img src="http://shop2.xsmoke.com/skin/frontend/infinitus/maxxi/images/logo-300x71.png" alt="" /></a></p>

在Magento上自动启动FancyBox

1 个答案: