Error: SyntaxError: DOM Exception 12 sur le Tag de la Création à l'Aide de jQuery

J'ai le code javascript suivant:

var orderItemQuantity = $('<input/>', {
    type: 'hidden',
    name: 'order_detail[][quantity]',
    value: itemQuantity
});

Le javascript ci-dessus déclenche le message d'erreur suivant:

Error: SyntaxError: DOM Exception 12

Celui-ci fonctionne sans erreur:

var newListItem = $('<li/>', {
    html:
    $('#item_name_'+itemId).text() +
    '(' + $('#item_quantity_' + itemId).val() +')' +
    '<a onclick="removeItem(' + itemId + ')">Delete this</a>' +
    '<input type="hidden" name="order_detail[][item_id]" value="' + itemId + '"/>',
    id: itemId
});

J'ai vérifié les éléments suivants question mais la réponse ne précise pas clairement la bonne raison.

Voici ma DTD:

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

Question: Pourquoi ne $('<input/>') et $('<input>') jeter le dit exception lors de la $('<li/>') n'est pas un problème?

OriginalL'auteur nmenego | 2013-03-30

  1. 10

    Assurez-vous d'avoir chargé jQuery dans votre premier exemple.

    Même si vous n'avez pas de jQuery chargée, la fonction $() est maintenant défini par Google Chrome comme quelque chose de semblable à querySelectorAll().

    Cette fonction accepte uniquement un sélecteur CSS comme paramètre, et non pas arbitraire de code HTML comme du jQuery $().

    De la documentation:

    SYNTAX_ERR code 12 Dans invalide ou illégale de la chaîne a été spécifié;
    par exemple le réglage de la selectorText propriété d'un CSSStyleRule
    avec un CSS invalide valeur.

    La fonction attend un sélecteur CSS et vous lui avez donné HTML si c'était une erreur de syntaxe.

    Voir ce violon, il fonctionne très bien:

    http://jsfiddle.net/S6d6w/

    OriginalL'auteur Heinrich Lee Yu