Jquery live preview plugin on click

Question

Я экспериментирую с плагином предварительного просмотра jquery live, который показывает предварительный просмотр веб-сайтов при наведении курсора в подсказке. Вы можете проверить здесь заглушку: 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