单击Jquery实时预览插件

我正在尝试使用jquery实时预览插件，它会在工具提示中hover显示网站的预览。 你可以在这里查看插件： https ： //github.com/alanphoon/jquery-live-preview

我想知道是否可以设置插件在点击按钮而不是默认hoverfunction时被激活？

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

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

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

代码看起来像这样：

HTML：

 Hover over to preview, click to link! 
 Preview 

脚本：

 $(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"); }); }); 

小提琴

Answer 2

使用.trigger('mouseover');

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

DEMO