0

我知道以前有人问过这个问题，但无论如何我都无法让它工作。我想做的是在页面加载时启动 FancyBox（在 Magento 上）。看起来很简单，但由于我对 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 上却没有。

4

1 回答 1

0

尝试

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>
于 2013-06-24T10:29:41.880 回答