打开从页面捕获参数项的内联花式框

Posted 2023-05-09

【中文标题】打开从页面捕获参数项的内联花式框

【英文标题】：Open inline fancybox that captures parameter item from page

【发布时间】：2017-09-08 10:04:31

【问题描述】：

在我的 Wordpress 网站上，我有一个页面上的区域列表，每个区域都有一个按钮，可以在精美的灯箱中打开相同的表单。

使用重力形式我想通过添加一个变量来捕获区域参数（如下所示），该变量是部分标题的预定和截断版本，从而让我们更好地理解被点击的按钮。

问题是Fancybox跳过参数并打开内联表单，从而一起绕过了区域参数。

<a class="button" href="?region=<?php echo $region; ?>#contact-form" id="inline">Contact</a>

有没有办法在不使用 ajax 的情况下解决这个问题？

编辑 我已经尝试向一个函数添加一个回调，该函数在灯箱打开后将参数添加到 URL，但我无法让它工作，这里的任何帮助也将不胜感激......

$("#inline").fancybox(
    afterLoad: function() 
        addURL(this);
    
);

function addURL(element) 
    $(element).attr('href', function() 
        return this.href + '&region=<?php echo $region; ?>';
    );

【参考方案1】：

从你的问题我无法理解你的问题。

你写道：

问题是Fancybox跳过参数并打开内联表单， 从而一起绕过了 region 参数。

但您没有描述预期的结果。我在这里没有看到任何问题，似乎脚本做了它应该做的事情。

【讨论】：

预期结果是更新的 url 'example.com/?region=new-york#fancybox' 但是一旦触发了 fancybox，参数就不会被添加。我目前让链接在新页面上打开一个表单，而不是一个灯箱，这似乎是一个更好的解决方案。不过谢谢

在您的示例中，脚本将加载 ID 为“contact-form”的元素。所以，你的问题和评论对我来说没有任何意义。 “预期的结果是更新的 url” - 什么 url，您希望在哪里以及为什么会有所改变？