javascript - Jquery 实时预览插件点击

Question

我正在尝试使用 jquery 实时预览插件，该插件可以在工具提示中悬停时显示网站预览。您可以在此处查看该插件:https://github.com/alanphoon/jquery-live-preview

我想知道是否可以将该插件设置为在单击按钮时激活，而不是默认的悬停功能？

我试图在这里进行设置，但没有成功:http://jsfiddle.net/dzorz/YARYp/

第一个是悬停时的默认链接，第二个是我想在其上应用此插件但单击的按钮。

我尝试过 .on("click",function... 和 .click 但失败了..

代码如下所示:

html:

<a href="http://www.bing.com" target="_blank" class="livepreview">Hover over to preview, click to link!</a>
<br />
<button class="clickpreview">Preview</button>

脚本:

$(document).ready(function() {
            $(".livepreview").livePreview({
                viewWidth: 400,  
                viewHeight: 300,

                });
        });

欢迎任何建议或帮助

谢谢

Answer 1

这就是你要找的吗

$(document).ready(function() {
    $(".livepreview").livePreview({
        viewWidth: 400,  
        viewHeight: 300,

    });

    $("#btn").click(function(){
        $("#link").trigger("mouseenter");
    });
});

FIDDLE