Skontaktuj się z nami formularz, który ładuje się w modalnym. Kiedy umieściłem poniższy skrypt na stronie, w której znajduje się identyfikator formularza, działa dobrze, ale kiedy wyjmuję skrypt i umieścić je w odpowiednim pliku JS, dom nie zostanie wykonany .. Widzę w konsoli pokazuje: "Odświtny TypeError: Nie można odczytać nieruchomości" AddEventlistener "z Null at index.php".

<button id="myBtn"> Contact Us </button>

<div id="myModal" class="modal">
 <div class="modal-content">
  <span class="close">&times;</span>

/** form fields**/

 </div>
</div>


var modal = document.getElementById('myModal');
var btn = document.getElementById("myBtn");
var span = document.getElementsByClassName("close")[0];
btn.onclick = function() {
modal.style.display = "block";
}
span.onclick = function() {
modal.style.display = "none";
}
window.onclick = function(event) {
if (event.target == modal) {
    modal.style.display = "none";
 }
}
-1
Jay Bro 27 czerwiec 2017, 13:04

3 odpowiedzi

Najlepsza odpowiedź

Jeśli nie planujesz korzystania z jQuery, możesz rozważyć:

window.onload = function(){
//enter code here
}

Window.onload ma szersze wsparcie niż dokument.Ready w tym momencie.

0
Thomas Callahan 27 czerwiec 2017, 10:24

Powinieneś umieścić kod JS w:

window.onload = function(){

//code here
}
0
Trần Hà Nguyễn 27 czerwiec 2017, 10:11

Powinieneś przyjrzeć się

$(document).ready(function(){
   // here your code,
   // the document will be loaded

})
1
D. Peter 27 czerwiec 2017, 10:07