在Magento上自动启动FancyBox

在Magento上自动启动FancyBox,magento,fancybox,pageload,Magento,Fancybox,Pageload,我知道以前有人问过这个问题,但我无论如何都没法让它起作用。我想做的是在页面加载时启动FancyBox(在Magento上)。看起来很简单,但由于我对JQuery不太熟悉,我遇到了一些问题。我通过手动单击锚获得的代码如下: <!-- FancyBox --> <script type="text/javascript"> jQuery(document).ready(function(){ jQuery("a[rel=fancybo

我知道以前有人问过这个问题,但我无论如何都没法让它起作用。我想做的是在页面加载时启动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>
其余的都一样。有人能帮忙吗

编辑:好的,我已经试着让它工作好几个小时了,我试着用普通的JavaScript来点击锚。我写

    function init(){

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

    }

    window.onload = init;
但它仍然没有点击锚。当我在本地的基本html页面上尝试它时,它可以工作,但在服务器上的Magento home-content.phtml上却不能

试试看

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>
jQuery(document).ready(function(){
jQuery(“a[rel=fancybox]”。fancybox({});
jQuery(“a[rel=iframeLink]”);
$(“#image_id”).trigger('click');
});


add rel=“fancybox”在你的id=“image\u id”标签中。我可以有2个rel标签吗?
rel=iframeLink
应该是html代码中的
rel=“iframeLink”
你试过jQuery(文档)了吗?准备好了(函数($)?…注意美元
$
在函数中签名,因为你正在执行
$(“\code>image\u id”)
稍后在脚本中。此外,这个
jQuery(“a[rel=fancybox]”。fancybox()
没有任何作用,除非html代码中的其他地方有一些元素带有
rel=“fancybox”
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>