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

这似乎可以解决问题。

为jSquares插件创建一个关闭按钮

1 个答案: