Pokaż mod ładowania początkowego tylko jeśli URL ma pewne parametry

Question

Czy istnieje sposób użycia modalnej funkcji Bootstrap do oceny adresu URL parametrów i automatycznego otwarcia modalu?

Na przykład:

odwiedzającym stronę z adresem URL: example.com nie widać modalnej. Po prostu widzą zwykłą stronę.

Użytkownicy witryny z adresem URL example.com?offer=1234 lub example.com/offer1234 zobaczą zwykłą witrynę example.com, ale ze specjalnym modułem nad stroną po załadowaniu strony.

Nie można wymyślić żadnego sposobu, aby to zrobić.

Answer 1

Oczywiście, jest to możliwe tylko przez uruchomiony jakiś kod JavaScript jeśli ciąg kwerendy (oferta = 1234) lub URL (/ offer1234) dopasowane.

Wstaw ten kod javascript gdzieś po div gdzie modalna jest zadeklarowana, zazwyczaj najlepiej dodać tuż przed kończącym </body> tagu:

<script type="text/javascript"> 
var url = window.location.href; 
if(url.indexOf('?offer=1234') != -1 || url.IndexOf('/offer1234') != -1) { 
    $('#myModal').modal('show'); 
} 
</script> 

Można dostosować if jednak chcesz wykluczyć tylko jedno oświadczenie po obu stronach symbolu podwójnej rurki || (LUB), jeśli chcesz przetestować tylko jeden z tych wzorców adresów URL i gdzie myModal definiuje element div z treścią modalną do wyświetlenia (np. <div id="myModal"></div>).

Zobacz dokumentację, aby uzyskać więcej opcji i wskazówek. http://getbootstrap.com/javascript/#modals-options

Aktualizacja Mam również ułożyła Plunker pracuje dla Ciebie wykazując: http://run.plnkr.co/yEBML6nxvxKDf0YC/?offer=1234

Answer 2

Można sprawdzić adres URL, jeśli ma „oferta”, czy nie, aby ukryć/pokazać modalna

var hasParam = window.location.href.indexOf('offer'); 

if(hasParam) { 
    $('#aModal').show(); 
} else { 
    $('#aModal').hide(); 
} 

<div id="aModal" class="modal"> </div>