내가 여기이 플러그인을 사용하고

Question

플러그인 jSquares위한 닫기 버튼 만들기 :

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

GitHub의 링크 https://github.com/jboesch/jSquares/blob/master/js/jquery.jsquares.js

을 ... 스크립트는 잘 작동,하지만 정말 필요한 것은에 있습니다 덮어 쓴 캡션 안에 만 나타나는 닫기 버튼을 만듭니다.

분명히 데스크톱 사이트에 닫기 버튼이 필요하지는 않지만 마우스 포인터를 사용하기 때문에 iPad에서 더 잘 작동하려면이 버튼이 필요합니다. 우리의 솔루션은 기본적으로 사람이 클릭하여 수동으로 닫을 수있는 닫기 버튼이있는 것입니다.

도움이 될 것입니다.

EDIT -이 부분을 참조하십시오. 캡션 안에있는 버튼에이를 쉽게 첨부 할 수 있습니까?

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

.