Question

我正在使用FancyBox 3，我需要将数据传递到afterClose并在关闭Iframe后触发该数据。

<a data-fancybox data-type="iframe"
                       data-src="{{route('tbl_properties.getApartmentsForLegal3',[$property->id,$group_id])}}"
                       href="javascript:;" type="button" class="btn btn-info " title="Show Apartments" data-reference="{{$property->property_reference}}">
                        <i class="nav-icon  i-Home-Window fa-4x "></i>
                    </a>

jquery：

    $('[data-fancybox]').fancybox({
        property_reference :$(this).data('reference'),


        iframe: {
            preload: false
        },
        fullScreen: {
            autoStart: true
        },
        afterClose: function(instance, slide ,property_reference)  {

            alert(property_reference);
           window.location.reload();



        }
    });

数据是property_reference。

谢谢

Answer 1

$('[data-fancybox]').fancybox({ iframe: { preload: false }, fullScreen: { autoStart: true }, afterClose: function(instance, current) { alert(current.opts.$orig.data('reference')); } });将引用当前触发元素（例如，您的链接），您可以使用它来检索自定义数据，例如：

{{1}}

演示-https://codepen.io/anon/pen/bPKVpB?editors=1010

将数据传递到afterClose

1 个答案: