0

私はここでこのプラグインを使用しています：

http://boedesign.com/blog/2009/10/22/jsquares-for-jquery/

GitHubリンク https://github.com/jboesch/jSquares/blob/master/js/jquery.jsquares.js

...スクリプトは正常に機能していますが、本当に必要なのは、キャプションにカーソルを合わせたときにのみ表示される閉じるボタンを作成することです。

明らかに、デスクトップサイトはホバーを使用しているため、閉じるボタンは必要ありませんが、iPadでより適切に機能するためにはこれが必要です。私たちの解決策は、基本的に、人がクリックして手動で閉じるための閉じるボタンをそこに置くことです。

どんな助けでも大歓迎です！

編集-私はそこにこれを見るので、これをキャプション内のボタンに取り付ける簡単な方法はありますか？

.bind('mouseleave', function(){
    _fadeInOutImage('out', options.fade_start)
    $('#js-overlay-id-' + index).remove();
    }
);
4

1 に答える 1

0

私はそれを行うためのまともな方法を見つけました。

このコードを追加しました

$('.js-overlay-html .remove').bind('click', function(){
    _fadeInOutImage('out', options.fade_start)
    $('#js-overlay-id-' + index).remove();
    return false;
    }
);

この直後：

$('<div id="js-overlay-id-' + index + '">' + contents + '</div>')
    .css(caption_options)
    .addClass(options._overlay_selector_class)
    .appendTo('body')
    .bind('mouseleave',
    function(){
         _fadeInOutImage('out', options.fade_start)
    $('#js-overlay-id-' + index).remove();
    }
);

これでうまくいくようです。

于 2012-08-03T06:36:37.770 に答える