Løs problemer med bookingwidgeten på nettsiden

Vises ikke bookingwidgeten, eller ser den rar ut på nettsiden? Som regel skyldes det at nettsiden og widgeten bruker hver sin versjon av jQuery (et vanlig verktøy i nettsidekode). Her er løsningene, fra den enkleste til den mest tekniske. Del gjerne artikkelen med den som har laget nettsiden.

Viktig: Eksemplene under bruker en testadresse. Bytt ut adressen med adressen til din egen widget.

Den enkleste løsningen: bruk iframe

Velg iFrame i stedet for Embedded når du henter koden i Widget Configurator. En iframe-kode ser slik ut:

<iframe src="ADRESSEN TIL WIDGETEN" allowtransparency="true" frameborder="0" style="width:100%; border:none; max-width: 540px; height: 640px;"></iframe>

Bytt ut ADRESSEN TIL WIDGETEN med din egen adresse, så skal det fungere.

Hvis du vil beholde den innebygde koden

Den innebygde koden består av tre deler: en linje som laster jQuery fra ResDiary, et lite skript som henter widgeten, og en <div id="rd-widget-frame"> der widgeten vises. Prøv disse grepene ett om gangen:

1. Bytt ut dollartegnene. I skriptet står det $(function() og $("#rd-widget-frame"). Bytt ut begge $ med ordet jQuery, slik at det står jQuery(function() og jQuery("#rd-widget-frame").
2. Fjern linjen som laster jQuery. Kanskje nettsiden allerede har en versjon som virker med widgeten. Slett den første <script>-linjen (den som peker til bundles/jquery.js) og test igjen.
3. Bruk jQuery Migrate. Hjelper ingenting av dette, kan nettsiden trenge en «migrate»-versjon av jQuery. Den får eldre jQuery-versjoner til å fungere som nyere. Dette bør nettsideutvikleren gjøre. Alle versjoner finnes på code.jquery.com, med migrate-versjonene nederst.

Står du fortsatt fast? Kontakt oss på [email protected].