JavaScript appendChild scheint nicht für IE zu arbeiten

-3

Ich möchte für Klicks auf link.php aufgeführt und nach dem Öffnen der neuen Registerkarte, fügt ein Div auf der alten Registerkarte und füllt es durch Laden aus einer Datei. Dies funktioniert gut auf Firefox & Chrome, aber scheint nicht auf jeder Version von IE zu arbeiten. In den Ländern, arbeiten die Verbindungen in Ordnung, aber die div anhängen nicht:JavaScript appendChild scheint nicht für IE zu arbeiten

<script type="text/javascript"> 
    document.addEventListener("click", function(e) {  
     var href = e.target.closest("a").href || ""; 
     if (href.indexOf("link.php") > -1) { 

      var div = document.createElement("div"); 
      div.setAttribute("id", "lightbox"); 
      div.setAttribute("style", "width:100%;height:100%;background:#000;position:fixed;top:0;left:0;zIndex:50;MsFilter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60);filter:alpha(opacity=60);MozOpacity:0.6;KhtmlOpacity:0.6;opacity:0.6"); 
      document.body.appendChild(div); 

      var divv = document.createElement("div"); 
      divv.setAttribute("id", "N_div"); 
      document.body.appendChild(divv); 
      $("#N_div").load("/forms/div.php"); 
      $("#N_div").fadeIn("fast"); 
     } 
    }, false); 
</script>

mit jQuery 2.1.4 (obwohl ich es mit 3.1.1 versucht und es hat nicht funktioniert besser). Doctype ist wie folgt:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Ich machte einen ehrlichen Versuch IE Debuggen auf einem PC, aber ehrlich gesagt bin ich so von Mac OS an dieser Stelle der Qual, die ich kaum noch einen PC bedienen kann. Es ist nur eine erbärmliche Erfahrung und ich dachte mir, dass dies ein häufiges, leicht zu lösendes Problem sein könnte. Sagt Ihnen etwas als katastrophal falsch?

Quelle

2016-12-05 pg.

Ah, was ist die beste Alternative? –

Internet Explorer ist in Browser-Kompatibilität inkludiert, wie Sie in der Dokumentation sehen konnten: https://developer.mozilla.org/en-US/docs/Web/API/Node/appendChild –

wollten Sie das [tag: jquery] entfernen taggen auch? beachten Sie auch, dass Sie in der Form verblassen, bevor es geladen wird, also ... nicht viel Punkt für die Animation dort. –

Laut MDN (https://developer.mozilla.org/en-US/docs/Web/API/Element/closest) sieht es nicht wie IE hat Unterstützung für closest nativ. Vorläufig können Sie stattdessen versuchen, die jQuery-Methode zu verwenden.

$(e.target).closest('a').attr('href') || ""

Quelle

2016-12-05 22:50:14 Taplar

Ahh, das ist das Zeug! Ich schätze die Hilfe. –

JavaScript appendChild scheint nicht für IE zu arbeiten

Antwort

Verwandte Themen