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

Answer 2

使用.trigger('mouseover');

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

DEMO

单击Jquery实时预览插件

2 个答案: