How to click on any location to close?

[cdwmhcc]

How to click on any location to close?

How to click on any location to close, 'closeSelector' can only click on an element

[aMarCruz]

@cdwmhcc , use event delegation:

  // ignore click on this elements
  const IGNORED_ELS = '.slidePanel, .modal, .alertify, .-handled-lick'

  $(document.body).click(function (evt) {
    // check only for main button (0) and if viewer exists
    // maybe you want to add `!evt.defaultPrevented` to the test
    if (evt.button === 0 &&
        $(document.documentElement).hasClass('slidePanel-html')) {
      const target = evt.target

      // skip already handled areas and modals
      if (target === evt.currentTarget ||   // is body
         !$(target).closest(IGNORED_ELS).length) {
        $.slidePanel.hide()
      }
    }
  })

[cdwmhcc]

@aMarCruz

afterShow: function() { var self = this; $(document).on('click.slidePanelShow', function(e) { if ($(e.target).closest('.slidePanel').length === 0 && $(e.target).closest('body').length === 1) { self.hide(); } }); },

[DanielZambranoC]

@aMarCruz This work like a charm chrome 59 (10JUL17) just had to add &&

// ignore click on this elements
  const IGNORED_ELS = '.slidePanel, .modal, .alertify, .-handled-lick'

  $(document.body).click(function (evt) {
    // check only for main button (0) and if viewer exists
    // maybe you want to add `!evt.defaultPrevented` to the test
    if (evt.button === 0 &&
        $(document.documentElement).hasClass('slidePanel-html')) {
      const target = evt.target

      // skip already handled areas and modals
      if (target === evt.currentTarget ||   // is body
         !$(target).closest(IGNORED_ELS).length) {
        $.slidePanel.hide()
      }
    }
  })

[aMarCruz]

@DanielZambranoC , thanks. I loss the && during the copy hehe. Corrected.