Űrlap betöltése rejtett felületen és dinamikusan betöltött tartalomban

Ha az oldalad tartalmát Barba.js-hez hasonló könyvtár tölti be dinamikusan, előfordulhat, hogy az űrlapok az új oldal betöltése után nem működnek. Az ok: a Gravity Forms a szkriptjeit és stíluslapjait csak ott tölti be, ahol az adott oldalon szükség van rájuk, a dinamikusan beillesztett tartalom szkriptjeit pedig az ilyen könyvtárak nem mindig futtatják le újra.

Példa: űrlap betöltése Barba.js mellett

A kód két részből áll:

1. Egy művelet minden frontend oldalon betölti az egyik űrlapot megjelenítés nélkül, így a szkriptek és stílusok is betöltődnek. A példában a 100-as azonosítójú űrlapot töltjük be, ezt cseréld a sajátodéra.
2. Egy másik művelet a lábrészben megadja a Barba.js-nek, hogy a következő oldal minden szkriptjét futtassa le, így a Gravity Forms szkriptjei is elindulnak.

/**
 * Ez a művelet egy adott űrlapot betölt minden frontend oldalon megjelenítés nélkül,
 * így a szkriptek és a stílusok is betöltődnek.
 */
add_action( 'init', function(){
  if ( is_admin() ) {
    return;
  }
  if ( ! class_exists( 'GFFormDisplay' ) ) {
    require_once( GFCommon::get_base_path() . '/form_display.php' );
  }
  // Előkészíti az űrlapot a megjelenítéshez, de nem jeleníti meg.
  GFForms::get_form( 100 );
}, 100 );

/**
 * Ez a művelet megadja a Barba.js-nek, hogy a következő oldal minden szkriptjét futtassa le,
 * így a Gravity Forms szkriptjei is lefutnak.
 */
add_action( 'wp_footer', function(){
?>
<script>
  barba.hooks.beforeEnter(({ next }) => {
    const js = next.container.querySelectorAll("script");
    js.forEach(script => {
      window.eval(script.innerHTML);
    });
  });
</script>
<?php
} );

Ha másfajta rejtett felülettel dolgozol, a kódot valószínűleg módosítanod kell.

Hová tedd a kódot

A kód mehet az aktív téma functions.php fájljába, egy saját funkciókat tartalmazó bővítménybe, egy saját kiegészítőbe vagy kódrészlet-kezelő bővítménybe.