Question

需要对此查询提供一些帮助：

https://github.com/FinelySliced/leanModal.js/issues/4

你们有什么方法可以提供帮助吗？

-R

Answer 1

您必须修改leanModal.js来源并添加<img>一些样式，并click()处理程序调用{{1}}。

<强>代码：

close_modal()

查看工作代码 HERE 。

样式和图标放置非常原始，但您应该可以根据自己的喜好对其进行修改。这只是一个示范：）。

Answer 2

这就是我为div元素所做的：

$("<div >").css({
                    'position': 'absolute',
                    //'top': o.top + 'px',
                    'top': '-20px',
                    'right': '20px'
                }).click(function() {
                    // onclick behaviour - just close it
                    close_modal(modal_id);
                }).attr('class', 'cross-close').appendTo($(modal_id));

                $(modal_id).fadeTo(200, 1);

                e.preventDefault();

            });

        });

这有我的CSS ...

.cross-close:before {
content: "x";
}

Answer 3

我实际上遇到了同样的问题，并通过模拟叠加层上的点击来解决它。例如，可以使用任何链接或图像，只需添加onclick事件：

<a href="javascript:void(0);" onclick="$('#lean_overlay').click();">Close</a>

或

<img src="" onclick="$('#lean_overlay').click();" />

似乎运作良好：D

leanModal.js - 关闭X上的模态单击

3 个答案: