javascript - 从函数中使用 iframe 打开 fancybox 弹出窗口

Question

我在 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 值，而不是在 anchor 标签本身。

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

请对此提出建议。

Answer 1

如果我正确理解了你的问题，这应该对你有用:

需要给anchor加上一个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 在你的例子中是硬编码的，所以我在这里做了同样的事情。如果需要，它们可以是变量 - 只需以相同的方式设置它们即可。