javascript - LeanModal.js - X 单击时关闭模态框

Question

需要一些有关 this query 的帮助

你们有什么办法可以帮忙吗？

-R

Answer 1

您必须修改leanModal.js来源并添加 <img>有一些样式和 click()处理程序调用 close_modal() .

代码:

$("<img />").css({
  // styling for the img
  'position': 'fixed', 'top':  o.top + 'px', 'left': '50%'
}).click(function() {
  // onclick behaviour - just close it
  close_modal(modal_id); 
  // icon URL   vvvvvvvvvvvvvvvvvvvvv
}).attr('src', 'http://bit.ly/ttN6Qs').appendTo($(modal_id));

查看工作代码 HERE 。

样式和图标放置非常原始，但您应该能够按照自己的喜好进行修改。这只是一个演示:)。