javascript-通过函数从iframe打开fancybox弹出窗口

我已经在Stackoverflow中进行了足够的搜索,而我找不到一个线程来回答我的问题.

以下是我的情况,

function openVideo(videoid,urlid){
        var videourl = 'http://localhost/ptchoice-local/welcome/video/'+videoid+'/'+urlid;

        $("a#video_link").fancybox({
                    'type': 'iframe', 
            'width' : 1000,
            'height' : 600,
            'autoDimensions' : false,
            'autoScale' : false,
            'href' : videourl
        });

    $("a#video_link").trigger('click');
    return false;
} 

<a href="#" onclick="openVideo('2134sdf234532sdfs324234','1')">Show video</a>

因此,当我单击锚标记本身中没有的“ openVideo”功能时,我想设置href值.

Fancybox版本：jquery.fancybox-1.3.4.pack.js

请对此提出建议.

解决方法:

如果我正确理解了您的问题,这应该对您有用：

需要向锚添加ID：

<a href="#" id="showVideo">Show video</a>

jQuery：

$("#showVideo").click(function () {
    var videourl = 'http://localhost/ptchoice-local/welcome/video/2134sdf234532sdfs324234/1';

    $("#video_link").fancybox({
        'type': 'iframe', 
        'width' : 1000,
        'height' : 600,
        'autoDimensions' : false,
        'autoScale' : false,
        'href' : videourl
    });

    $("#video_link").trigger('click');
});

由于在您的示例中videoid和urlid是硬编码的,因此我在此处进行了相同的操作.如果需要,它们可以是变量-用相同的方式设置它们.

标签：lightbox,fancybox,javascript,jquery
来源： https://codeday.me/bug/20191031/1975027.html