Question

我正在尝试确定触发物化模式的按钮/锚点的数据目标。

HTML

<a data-target="testFunction" class="waves-effect waves-light btn modal-trigger" href="#check">Modal</a>

<!-- Modal Structure -->
<div id="confirm" class="modal confirmation-modal">
    <div class="modal-content">
        <strong>Modal launch</strong>
    </div>
    <div class="modal-footer">
        <a href="javascript:" class="modal-action modal-close waves-effect waves-green btn-flat">Cancel</a>
    </div>
</div>

在文档中，它指示就绪选项是模式启动时的回调。

我希望能够使用ready选项确定此示例中锚点的数据目标。

有人有什么想法吗？

Answer 1

虽然leanModal（）函数中没有提供当前的模态对象。您可以在适当的时间轻松找到并执行操作，如下所示：

{{1}}

我希望这有助于某人。

Answer 2

实际上并没有一种非常好的方法，但是这是一种丑陋的方式。

    //Remove the .leanModal() calls. Replace with this.
    $('.modal-trigger').click(function(e){

        //get the clicked on link
        var $link = $(e.target);

        //get the data-target of that link
        var data_target =$link.data('target');

        //open the modal
        var $modal = $($link.attr('href'));
        $modal.openModal();
    });

希望这有帮助。

确定Modal启动时的数据目标

2 个答案: