Erreur: cet Objet ne gère pas la propriété ou de la méthode 'attribuer'

Je suis en utilisant ce jquery popup plugin à partir de ce lien sur mon site WordPress. Il fonctionne sur tous les navigateurs, mais en lui donnant le message d'erreur suivant sur IE11.

Erreur: cet Objet ne gère pas la propriété ou de la méthode 'attribuer'

  • pouvez-vous fournir un exemple?
  • s'il vous plaît mettez votre code afin que nous puissions juger de ce qui est en question... mon être qu'il est question avec l'élément dom ne trouve pas ou ont le même id plusieurs fois sur la page.
InformationsquelleAutor pragya rai | 2016-02-05
  1. 95

    Comme d'autres l'ont mentionné, le Objet.assign() méthode n'est pas pris en charge dans IE, mais il y a un polyfill disponible, il suffit d'inclure ce "avant" votre plugin déclaration:

    if (typeof Object.assign != 'function') {
  Object.assign = function(target) {
    'use strict';
    if (target == null) {
      throw new TypeError('Cannot convert undefined or null to object');
    }

    target = Object(target);
    for (var index = 1; index < arguments.length; index++) {
      var source = arguments[index];
      if (source != null) {
        for (var key in source) {
          if (Object.prototype.hasOwnProperty.call(source, key)) {
            target[key] = source[key];
          }
        }
      }
    }
    return target;
  };
}

    De https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/assign

    Page de Test: http://jsbin.com/pimixel/edit?html,js,sortie (il suffit de retirer le polyfill pour obtenir le même message d'erreur que vous obtenez sur votre page).

    • Pourquoi faut-il utiliser une seule != au lieu de la sécurité !==?
    • Merci!!!! Cela fonctionne à merveille. J'ai eu exactement ce problème avec le Facebook de la Clientèle fenêtre de discussion, et de l'application de ce code juste avant le FB du code a fait le tour. (Pour le un client qui insiste encore sur l'utilisation d'IE, même si le reste du monde a évolué)
    InformationsquelleAutor Andres Ilich
  2. 7

    @John Doe

    J'ai compris de votre commentaire que vous souhaitez mettre en node/réagir de la pile. C'est très différent de la question initiale et vous devriez avoir demandé à votre propre 😉

    De toute façon, Voici ce que vous devez faire...

    Vous pouvez utiliser [es6-objet-assigner][1]. C'est un ES6 Objet.assign() "polyfill".

    Tout d'abord, dans package.json dans votre dossier racine, ajouter es6-object-assign comme une dépendance:

    "dependencies": {
    "es6-object-assign": "^1.0.2",
    "react": "^0.12.0",
    ...
  },

    Alors si vous voulez l'utiliser dans le nœud de l'environnement utilisation:

    require('es6-object-assign').polyfill();

    Si vous avez de la question sur le devant (navigateur) fin...

    L'ajouter dans votre index.html fichier...

    <script src="location_of_node_modules/es6-object-assign/dist/object-assign.min.js"></script>
<script>
  window.ObjectAssign.polyfill();
</script>

    location_of_node_modules dépend standard que vous utilisez, surtout juste node_modules, mais parfois, quand index.html est dans un sous-répertoire, vous devez utiliser, ../node_modules

    InformationsquelleAutor shramee
  3. 7

    Que par la documentation, de l'Objet.assign() est une nouvelle technologie, une partie de l'ECMAScript 2015 (ES6) standard:

    https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/assign

    Et il n'est pas pris en charge par IE.

    InformationsquelleAutor Vimalan Jaya Ganesh
  4. 6

    Une solution possible à ce problème:

    Ajouter le script legacy.min.js avant l'custombox.min.js

    source: custombox projet github

    InformationsquelleAutor aprovent
  5. 4

    @Andres-Ilich a le droit de répondre à votre question, mais vous vous posez la mauvaise question:

    Pourquoi ne pas simplement utiliser un plugin jQuery qui prend en charge IE comme Zurb excellent Révéler: https://github.com/zurb/reveal

    Il va faire tout ce que vous voulez et ne pas jeter cette erreur.

    InformationsquelleAutor staypuftman
  6. 3

    Actuellement en train de travailler sur un jQuery popup moi-même:
    https://github.com/seahorsepip/jPopup

    A tout ce que vous attendez d'une popup et plus 😀

    De toute façon revenir au sujet, je suis actuellement à la rédaction de la version 2, qui est un grand réécriture et ajoute le support de IE6 (la version 1 a été IE7+) et a couru dans une semblable erreur...

    Code d'origine qui a donné l'erreur dans IE6:

    //Insane code for an insane browser
this._vars.fakeScrollbar = $("<div style=\"position:absolute;top:expression(document.documentElement.scrollTop);right:0;bottom:0;margin-left:-200px;width:0;overflow-y:scroll;height:expression(document.documentElement.clientHeight);z-index:9999999;\"></div>");

    Le hack, j'ai dû venir avec:

    //Insane code for an insane browser
this._vars.fakeScrollbar = $("<div>");
this._vars.fakeScrollbar.html("<div style=\"position:absolute;top:expression(document.documentElement.scrollTop);right:0;bottom:0;margin-left:-200px;width:0;overflow-y:scroll;height:expression(document.documentElement.clientHeight);z-index:9999999;\"></div>");
this._vars.fakeScrollbar = this._vars.fakeScrollbar.children();
    InformationsquelleAutor seahorsepip
  7. 3

    Puisque vous tagged la question avec jQuery, vous pouvez utiliser le jQuery étendre fonction. Pas besoin d'un polyfill et il n'profond de fusion ainsi.

    Par Exemple:

    var object1 = {
  apple: 0,
  banana: { weight: 52, price: 100 },
  cherry: 97
};
var object2 = {
  banana: { price: 200 },
  durian: 100
};

//Merge object2 into object1
$.extend( object1, object2 );

    Résultat:

    {"apple":0,"banana":{"price":200},"cherry":97,"durian":100}
    InformationsquelleAutor Kalimah Apps
  8. 2

    Ces erreur se produit généralement lorsque certains id de l'élément html a le même id que certaines variables dans la fonction JavaScript. Après la modification du nom de l'un d'entre eux code travaillé.

    Source : SCRIPT438: Objet ne prend pas en charge la propriété ou de la méthode IE

    Autre lien : jquery validation IE Objet ne prend pas en charge la propriété

    InformationsquelleAutor Milap
  9. 1

    Fondamentalement, Object.assign n'est pas pris en charge par tous les navigateurs, cependant, il est possible de ré-affecter à Object cas, il n'est pas pris en charge par le navigateur actuel.

    C'est pratique pour faire un polyfill de la fonction, qui se comporte de la même manière que Object.assign(target, ...) de l'ES6.

    Je pense que la meilleure solution est de parcourir chaque argument après target, d'attribuer à chaque propriété de arguments objets à target, compte tenu d'une itération entre les objets et les tableaux, afin d'éviter la création de références. Éventuellement, pour pas les perdre en cas, vous pouvez détecter si la dernière instance de la propriété est seulement égale à "Array" ou "Object", et ce faisant, vous n'aurez pas perdu un Image interface d'e.g) si vous envisagez de créer de nouvelles références, mais des objets avec ces instances seront toujours de référence.

    Modifier: l'original Object.assign ne fonctionne pas de cette façon.

    Selon cette solution, j'ai mon propre polyfill qui peut être trouvé ici.

    InformationsquelleAutor Hydroper
  10. 0

    Réagir solution pour IE11

    Concernant shramee réponse, qui dit quelque chose comme ceci:

    @JohnDoe de votre commentaire, vous souhaitez mettre en node/réagir de la pile. C'est très différent de la question d'origine, mais vous pouvez utiliser es6-objet-d'attribuer, un ES6 Object.assign() "polyfill":

    Ce polyfill a été mis à jour et de faire les choses un peu différemment maintenant:

    • dans package.json dans votre dossier racine, ajouter es6-object-assign comme une dépendance (exécution npm i dans une ligne de commande après):

      "dependencies": {
    "es6-object-assign": "^1.0.2",
    "react": "^16.8.6",
    ...
  },

      Ou exécutez simplement: npm i --save es6-object-assign

    • De l'utiliser dans un nœud de l'environnement:

      require('es6-object-assign').polyfill();
//Same version with automatic polyfilling
require('es6-object-assign/auto');

    • Pour l'utiliser dans votre index.html, il suffit d'ajouter le automatique polyfill fichier JS référence (si vous avez des scripts dans le <body> qui l'invoque,Object.assign(), vous pouvez l'ajouter à la fin de la <head> élément).

      1. Invoquant directement à partir de node_modules:

        <script src="location_of_node_modules/es6-object-assign/dist/object-assign-auto.min.js"></script>

        location_of_node_modules dépend de votre projet de la structure (quand index.html est dans un sous-répertoire que vous pourriez avoir besoin: ../node_modules).

      2. Cependant, ce pourrait n'avez pas travaillé pour vous (en raison de node_modules dossiers d'accès, par exemple, vous utilisez créer-réagir-app). Si oui, il suffit de copier le fichier JS à partir de la dist/ dossier node_modules à la public/ dossier et puis:

        <script src="%PUBLIC_URL%/object-assign-auto.js"></script>

        Vous pouvez utiliser la non-minifiés fichier et ajouter des polyfills (par exemple startsWith).

    InformationsquelleAutor CPHPython
  11. 0

    veuillez ajouter un script 

    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/object-assign-auto.min.js"></script>

    de fichier html à résolu ce problème.

    InformationsquelleAutor HoangDo