suppression jQuery LI échec dans IE8

J'ai une forme simple ASP.Net avec la liste non ordonnée suivant:suppression jQuery LI échec dans IE8

Lorsqu'un utilisateur commence à remplir d'autres parties de la forme, je veux supprimer ce seul et <LI> commencer à remplir la liste avec d'autres éléments <LI>. Le code ci-dessous comment je fais la suppression:

function commitLine() { 
    //if "No Lines Added" is the only item, remove all items, otherwise 
    //continue with the additional item 
    if ($("#ctl00_ContentPlaceHolder1_BulletedList1 li:nth-child(1)").text() == "No Lines Added") { 
     $("#ctl00_ContentPlaceHolder1_BulletedList1 li").remove(); 
    } 
    //code that begins the list population 
}

Maintenant, ce code fonctionne très bien dans tous les navigateurs sauf IE8 (probablement IE7, IE6 aussi bien). J'ai regardé cela pendant des heures et je n'arrive pas à le résoudre. Est-ce que quelqu'un a une idée du problème ici?

Source

2010-06-10 Tehrab

est-$("#ctl00_ContentPlaceHolder1_BulletedList1 li:nth-child(1)").text() texte retour entouré par des espaces dans IE? Si tel est le cas, remplacez ce fragment par $.trim($("#ctl00_ContentPlaceHolder1_BulletedList1 li:nth-child(1)").text()) pour le supprimer.

Source

2010-06-10 16:14:05 x1a4

Oui, c'était le problème, merci! – Tehrab

Nice. J'ai déjà ressenti ta douleur. – x1a4

Je crois que IE ne supporte pas nth-child.

http://msdn.microsoft.com/en-us/library/cc351024%28VS.85%29.aspx

Source

2010-06-10 16:14:03 edl

jQuery (bien, Sizzle) gère que dans les navigateurs qui ne supportent pas. – x1a4

Lorsque j'alerte la déclaration nth child, elle affiche correctement la valeur afin de pouvoir l'exclure. – Tehrab

j'ajouté ces deux lignes de code, et votre code fonctionne très bien:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" 
    "http://www.w3.org/TR/html4/strict.dtd"> 

<head> 
    <meta http-equiv="X-UA-Compatible" content="IE=8"> 
</head>

Source

2010-06-10 16:25:12

Répondre

Questions connexes