Javascript code not showing in popup

Viewing 1 replies (of 1 total)
  • Plugin Contributor Philipp Stracker

    (@strackerphil-1)

    Hi @theclevernod2021

    I’m sorry for not getting back to you sooner. When you want to use JavaScript inside Popups, you need to wrap your JS code inside a Popup-function in most cases.

    For example, you have the following JS code:

    jQuery(".et_pb_button1").hide()

    To use it inside a Popup, you should use this snippet:

    (function() {
  DiviArea.addAction('show_area', function(area) {
    jQuery(".et_pb_button1").hide()
  });
})();

    The reason is, that the Popup container is not available in the DOM tree during page load. You cannot initialize or access the Popup before it is displayed.

    Only when the Popup is triggered (opened), the container is added to the page. At that point, your custom JS code can initialize Popup contents.

    We have created a simple Script Generator, that helps you to make your JS code Popup compatible: https://divimode.com/knowledge-base/divi-areas-script-generator/

    I hope this helps. Otherwise, please reach out again
    Philipp ??

Viewing 1 replies (of 1 total)
  • The topic ‘Javascript code not showing in popup’ is closed to new replies.