jquery - 如何在magento中触发fancybox html pop的点击

Question

我在 magento hrader.phtml 文件中有 fancybox 弹出窗口，当您单击链接时，弹出窗口工作正常。但我想在不点击的情况下触发 fancybox，而是根据 php 代码中的 if 语句。弹出窗口的链接与 php 一起工作正常，并且弹出窗口将打开。

我不确定问题是否是 jQuery 和 magento 冲突，或者还有其他与花哨的盒子有关的问题。这是我的代码

if ($display_popup == 1) {
    echo "<br> DISPLAY POPUP";
    ?>

<a  id="inline" href="#thankyou">popup</a>  

<script type="text/javascript">
    //open_popup_auto(); 
    //jQuery.noConflict();
    $(document).ready(function() { 
        $("#thankyou").fancybox().trigger('click');
        alert('working cooool');

    });

    /*$(document).ready(function () {
        $.fancybox({
            'width': '40%',
            'height': '40%',
            'autoScale': true,
            'transitionIn': 'fade',
            'transitionOut': 'fade',
            'type': 'iframe',
            'href': 'http://www.google.com'
        });
}); */
</script>

Answer 1

确保您了解 fancybox 的触发是什么以及 fancybox 的目标是什么。

如果您有这个(渲染的)html(无论是否为 Magneto)

<a  id="inline" href="#thankyou">popup</a>

这意味着选择器#inline是触发器，选择器#thankyou是目标。

然后，您必须将 fancybox 绑定(bind)到触发器，并触发该选择器上的点击，例如:

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