jQuery append-Funktion funktioniert nicht in Internet Explorer 8

Hier ist mein code-

$("body").append("<div>" +
                        "<ul>" +
                            "<li>" +
                                "<a href='javascript:void(0)' onclick='add()'>Add</a>" +
                            "</li>" +
                            "<li>" +
                                "<a href='javascript:void(0)' onclick='edit()'>Edit</a>" +
                            "</li>" +
                            "<li>" +
                                "<a href='javascript:void(0)' onclick='delete()'>Delete</a>" +
                            "</li>" +
                        "</ul>" +
                    "</div>");

Im IE8 bekomme ich folgende Fehlermeldung -
Fehler auf der Webseite details

User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0)
Timestamp: Wed, 27 Mar 2013 07:03:53 UTC

Message: HTML Parsing Error: Unable to modify the parent container element before the child element is closed (KB927917)
Line: 0
Char: 0
Code: 0
entfernen Sie die $ (), fügen Sie einfach die Zeichenfolge der Elemente
das war ein Schreibfehler in dieser Frage, korrigierte er.
mögliche Duplikate von Problem mit HTML-Parser in Internet Explorer
sind Sie dabei synchron diese innerhalb der body-Tags? wenn ja, versuchen Sie wickelte Sie in $(document).ready(function(){/* here... */});

InformationsquelleAutor Ashwin | 2013-03-27

  1. 3

    müssen Sie dies tun, nach dem laden der Seite abgeschlossen (weil der IE8 braucht Zeit, um das rendering und JavaScript-Ausführung):

    $(document).ready(function()
{
   $("body").append("<div>" +
                    "<ul>" +
                        "<li>" +
                            "<a href='javascript:void(0)' onclick='add()'>Add</a>" +
                        "</li>" +
                        "<li>" +
                            "<a href='javascript:void(0)' onclick='edit()'>Edit</a>" +
                        "</li>" +
                        "<li>" +
                            "<a href='javascript:void(0)' onclick='delete()'>Delete</a>" +
                        "</li>" +
                    "</ul>" +
                "</div>");
});
    Ich denke, das ist die Lösung, weil Sie sagen, Sie können nicht anfügen an den Körper, bis es geschlossen ist, und so ist es wahrscheinlich, ausführen von code, wo immer es in dem Dokument, die sehr gerne vor dem schließen </body>. Der OP versucht, Inhalte hinzufügen, um ein element, das noch gerendert wird.
    danke @CWSpear !!! hoffe, es funktioniert für die OP 🙂

    InformationsquelleAutor Zaheer Ahmed

  2. 3

    mir Anhängen hat nicht funktioniert, wenn das element angehängt war ein Eingang. Für die anderen Elemente arbeiten.

    Beispiel 

    <td id="V_DepTOTd"><input type="text" id="V_DepTO" /></td>

    hat nicht funktioniert

    $("#V_DepTO").append("`<input type='hidden' id='elementSelected' />`");

    js-Fehler: unerwarteter Aufruf der Methode oder Eigenschaft acces

    Arbeit 

    $("#V_DepTOTd").append("`<input type='hidden' id='elementSelected' />`");

    Getestet in IE8 und jquery.min.js 1.9.1

    InformationsquelleAutor sjdms265

  3. 1

    Mein Tip, dump, der code, das ist furchtbar zu warten. Plus append nimmt raw-HTML. Versuchen Sie dies, ich denke, dass "richtige" Ansatz:

    //All your functions organized in an object
var actions = {
  add: function() {  },
  edit: function() {  },
  delete: function() {  }
};

//Generate necessary html
var items = [];
for (var a in actions) {
  items.push('<li data-item="'+ a +'"><a href="#"></a></li>');
}

//Handle events 
var $items = $(items.join('')).click(function(e) {
  e.preventDefault(); //similar to "javascript:void"
  actions[$(this).data('item')]();
});

//Append to DOM
$('body').append($('<div><ul></ul></div>').find('ul').append($items)));

    Wird viel einfacher zu pflegen, weil es ist alles dynamisch jetzt. Ich würde vorschlagen, mit sinnvollen Klassen sowie für Ihre Artikel, dh. auf "Bearbeiten", "hinzufügen", "löschen", so können Sie target Sie in CSS einfach mehr.

    Sie sind absolut richtig, aber ich habe das Gefühl, wir müssen gehen lernen, bevor wir können... schneller laufen. Ich denke, Zaheer hat tatsächlich die Wurzel des Problems in diesem Fall. Ich sage dies, ya wissen, dass Sie keinen Zugang zu IE8... =)
    Ja, ich denke... Das war eher ein "how to do it better" eher als die Suche nach einer Lösung für das eigentliche problem. Der Punkt, den ich mache ist, dass ist es nicht Wert der Lösung des OPs problem, weil, der code ist fehlerhaft und führt zu mehr schmutzig Probleme.
    Mmm..., ich mag es schmutzig.

    InformationsquelleAutor elclanrs

Schreibe einen Kommentar