Question

我创建了一个简单的处理程序来打开包含视频的iframe到模态中。现在有2页2个视频。我想重用该函数，以便可以根据文件名加载任何文件。我知道这是简单的语法，只是不确定它是什么。

链接：

<a href="#" data-toggle="modal" data-target="#videoPopup" class="modal-link">`

功能：

$('.desktop-cta-mod .modal-link').on('click', function () {
    $('#videoPopup .modal-content').load('Content/video.html', function () {
        //bind closers
        $('.modal-backdrop, .modal-content button').off().on('click', function () {
            $('#videoPopup .modal-content').empty();
            $('.modal-backdrop').remove();
        });
    })
});

Answer 1

您可以将2个不同的网页/网址作为数据属性保留在链接标记中，点击后，从当前点击的项目中读取。

<a href="#" data-toggle="modal" data-target="#videoPopup" 
                                   data-videourl="Content/video.html" class="modal-link">
<a href="#" data-toggle="modal" data-target="#videoPopup"
                                   data-videourl="Content/video2.html" class="modal-link">

，您的javascript将是

$('.desktop-cta-mod .modal-link').on('click', function () {
    var url=$(this).data("videourl");
    $('#videoPopup .modal-content').load(url, function () {
        //bind closers
        $('.modal-backdrop, .modal-content button').off().on('click', function () {
            $('#videoPopup .modal-content').empty();
            $('.modal-backdrop').remove();
        });
    })
});

确保您正确呈现网址值。如果Content目录位于根级别，则可以使用/Content/Video.html

JQuery基于文件名加载文件

1 个答案: