0

我正在试验 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,

                });
        });

欢迎任何建议或帮助

谢谢

4

2 回答 2

2

这是你想要的

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

    });

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

小提琴

于 2013-09-16T09:25:03.043 回答
1

采用.trigger('mouseover');

$('.clickpreview').on('click', function (e) {
    $('.livepreview').trigger('mouseover');
});

演示

于 2013-09-16T09:22:55.637 回答