0

ツールチップにカーソルを合わせるとウェブサイトのプレビューを表示する jquery ライブ プレビュー プラグインを試しています。ここでプラグインを確認できます: https://github.com/alanphoon/jquery-live-preview

デフォルトのホバー機能の代わりに、ボタンのクリックでアクティブになるようにそのプラグインを設定することが可能かどうか疑問に思っていましたか?

ここでこれを設定しようとしていますが、成功しませんでした: http://jsfiddle.net/dzorz/YARYp/

1 つ目はホバー時のデフォルト リンクで、2 つ目はこのプラグインを適用したいがクリックしたボタンです。

私は試しましたが.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 に答える