Click Function For Element inside Modal Generates Error

[oudin]

Hi

The following error is generated.

Uncaught TypeError: e.target.parentNode is null
    value /js/micromodal.min.js?ver=2.0:1
    value /js/micromodal.min.js?ver=2.0:1
    value /js/micromodal.min.js?ver=2.0:1
    value /js/micromodal.min.js?ver=2.0:1
    value /js/micromodal.min.js?ver=2.0:1
    value /js/micromodal.min.js?ver=2.0:1
    o /js/micromodal.min.js?ver=2.0:1
    init /js/micromodal.min.js?ver=2.0:1
    <anonymous> /js/main.js?ver=2.0:3
    jQuery 13
        e
        t
        setTimeout handler*Deferred/then/l/<
        c
        fireWith
        fire
        c
        fireWith
        ready
        $
        EventListener.handleEvent*
        <anonymous>
        <anonymous>
micromodal.min.js:1:4590
    value /js/micromodal.min.js?ver=2.0:1
    (Async: EventListener.handleEvent)
    value /js/micromodal.min.js?ver=2.0:1
    value /js/micromodal.min.js?ver=2.0:1
    value /js/micromodal.min.js?ver=2.0:1
    (Async: EventListener.handleEvent)
    value /js/micromodal.min.js?ver=2.0:1
    forEach self-hosted:203
    value /js/micromodal.min.js?ver=2.0:1
    o /js/micromodal.min.js?ver=2.0:1
    init /js/micromodal.min.js?ver=2.0:1
    <anonymous> /js/main.js?ver=2.0:3
    jQuery 13
        e
        t
        (Async: setTimeout handler)
    l
        c
        fireWith
        fire
        c
        fireWith
        ready
        $
        (Async: EventListener.handleEvent)
    <anonymous>
        <anonymous>
        <anonymous>

When using the following:

 jQuery('.modal').on('click', '.show-more', function() {
      var $showMore = jQuery(this);
     $showMore.text($showMore.text() === 'Show more' ? 'Show less' : 'Show more');
});

I'm attempting to have an element inside the modal that is clickable. However, an error is generated.

How can this be fixed?

[heyflo]

This sounds like a markup error, can you provide your html? Or even better a testable demo 👍