創建jSquares插件

Question

我使用這個插件在這裏關閉按鈕：

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

Answer 1

我找到了一個體面的方式來做到這一點。

將此代碼添加

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

這似乎這樣的伎倆。