jQuery append() ne fonctionne pas sous IE

Je suis en train d'ajouter le tableau suivant, construit dans une chaîne de caractères à une div sur ma page à l'aide de ceci:

var table = 
'<table data-custom="3963770" id="table" cellpadding="3" cellspacing="5" 
        valign="top" width="995px" border="3" bordercolor="#83725B">

        <th height="50" colspan="2">Company Name</th>
        <th height="50" colspan="3">Esco Number</th>
        <th height="50" colspan="1">Province</th>
        <th height="50">Sector</th>
        <th height="50">Technology</th>
        <th height="50" colspan="2">Status</th>
      <tr>
        <td colspan="2">3H Envirostrategies cc</td>
        <td colspan="3">11059420</td>
        <td>Gauteng, KZN, Western Cape, Mpumalanga, Free State, 
            Eastern Cape</td>
        <td>
          <select id="mainSectors0">
            <option>Commercial</option>
          </select>
        </td>
        <td>
          <select id="mainTechs0">
            <option>Project Management</option>
          </select>
        </td>
        <td colspan="2">Active</td>
      </tr>
      <tr>
        <td style="border: none;" colspan="5">
          <div data-custom="contact_info" style="display:inline;"><u>Contact information</u></div>
        </td>
      </tr>
      <tbody data-custom="place_holder">
      </tbody>
    </table>';

J'ai une balise div avec:

<div id="table"></div>

J'ai ensuite essayer de l'utiliser pour ajouter de la table à la div:

$(table).appendTo($('#table'));

//I've tried $("#table").append(table); but no luck.

Il fonctionne très bien dans tous les autres navigateurs sauf IE 6+. Quelqu'un sait d'une solution de contournement, ou si je fais quelque chose de mal?

Merci d'avance.

Javascript est assez délicat sur plusieurs lignes de strings & je ne voudrais pas compter sur eux d'être reconnus à travers le navigateur.. l'Essayer avec juste var table = "<table></table>"
Ne rien arriver à tous, c'est à dire? Les erreurs?
il ne se passe rien dans tout navigateur IE... juste vide, @minikomi j'ai mis en forme ci-dessus pour des raisons de lisibilité, il est sur une seule ligne dans le code
Voulez-vous toujours l'original?

OriginalL'auteur MattBH | 2011-06-30

  1. 3

    Votre code fonctionne pour moi, aussi c'est à dire : http://jsfiddle.net/doktormolle/N5z5T/

    Êtes-vous sûr que vous utilisez le var-mot-clé avant de table = '<table>....</table';

    Si non, cela peut bloquer c'est à dire, voir ce sujet: sélecteur jQuery ne fonctionne pas dans IE7/8

    c'est vraiment bizarre, mais il ne fonctionne pas sur le site.
    Le violon n'est pas de travail?
    Sur mes clients site
    Est-il possible de nous montrer votre site? Faire d'autres jQuery-script de travailler sur votre site?
    Il n'y a pas de chemin, d'autres scripts fonctionnent très bien, et c'est seulement dans IE qu'il ne fonctionne pas

    OriginalL'auteur Dr.Molle

  2. 1

    Votre code HTML dans table variable n'est pas valide. Essayez de faire $('#table').append('<div>a</div>');. Il fonctionne sous IE. Faites votre HTAMl valide.

    La partie n'est pas valide?
    Plus précisément, la ligne de <th> tags manque environnant <tr> balises.
    je ne voulais pas faire une différence
    TH est une CELLULE, pas une ligne. Essayez de supprimer votre Sat pour le test.
    il fonctionne dans chrome et firefox

    OriginalL'auteur Alex Pliutau

  3. 0

    vous n'avez pas besoin de faire des div comme un objet jquery lorsque vous utilisez appentTo. essayez de la jachère 

     $(table).appendTo('#table');

    ou 

    $('#table').append(table)
    je ne voulais pas faire une différence

    OriginalL'auteur Vivek

  4. 0

    Pourrait-il que vous avez plusieurs éléments avec le même id "de la table"?

    Nan essayé de changer les div id de tabledata et toujours pas de chance.
    Avez-vous vérifié la source après l'ajout (avec l'outil de développeur). Peut-être qu'il n'est pas rendu pour une raison quelconque.
    j'ai, j'ai vérifié le code source et utilisé une alerte alert($('#tabledata').html()); qui a renvoyé le vide
    essayer d'ajouter quelque chose d'autre. Par exemple, ne $('#tabledata').append('<div>foo</div>'); alert($('#tabledata').html()); et vérifier si cela fonctionne. Si c'est le cas je n'ai aucune idée de plus.
    En utilisant les iframes? Si oui, vous ne pouvez pas utiliser pure $ de trouver quelque chose à l'intérieur de l'iframe. Aussi essayez de vous connecter à $('#tabledata'), $(table) etc

    OriginalL'auteur zatatatata

  5. -1

    Essayez ceci:

    $('#table').html(table);

    Il utilise jQuery html de fonction, ce qui le rend un peu plus de sens dans ce cas de s'y ajouter. Je ne sais pas pourquoi append ne fonctionne pas si

    À l'interne, à peu près exactement la même chose va se produire de toute façon.
    ne fonctionne pas non plus
    Ouais... il n'y a pas de raison que je pense que ce serait le travail de plus de appendTo, mais là encore, il n'y a pas de raison que je pense que appendTo ne fonctionnerait pas. J'ai pensé qu'il pourrait être utile d'exclure appendTo étant elle-même le problème, ce que nous avons maintenant.
    Append ajouter l'élément à la société mère existante. Cela permettra de remplacer l'intégralité du code html à l'intérieur de la mère primordiale de ce qui est actuellement là-bas. Pas le même. Vous pourriez faire $('#table").html($('#table").html() + table);
    Je suis conscient que append ajoute et html remplace, mais à partir de l'OP de la question, il apparaît comme c'est ce qu'il est en train d'essayer de faire.

    OriginalL'auteur Spycho