Skip to content

Enquire.js (on Shopify Debut Theme) Breaks Bootstrap Modal function  #171

@qrcf

Description

@qrcf

Weirdest issue ever.

I have a bootstrap modal on the page. I can't trigger it to .modal('toggle') if I use external javascript. If it 's inline javascript it works fine.

If its external javascript, I get an error from enquire.js.
"TypeError: $('#slotcap-modal').modal is not a function. (In '$('#slotcap-modal').modal()', '$('#slotcap-modal').modal' is undefined)". This is line 1742 or
" s[l].apply(n[0], n[1]) === !1 && e.stopOnFalse && (l = s.length, n = !1); "
in re callbacks.

Before you ask, jquery is imported before bootstrap.
Yes the id is correct.
If I remove vendor.js it functions as expected; of course at the sacrifice of the site. Since I'm developing a shopify application id prefer to avoid an issue on the debut theme!

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions