jQuery jede in einem Objekt verwenden

Question

Ich möchte eine each Funktion in meinem Skript verwenden, aber diese Funktion wird in einem Objekt verwendet, was bedeutet, dass es einen Fehler zurückgibt ... Das Objekt, das ich verwenden möchte each in ist newPlots.

Vielleicht kennen Sie einen Trick?

Ich möchte Plots in newPlots mit dem Inhalt von AJAX zurückgegeben werden. Im Klartext, schauen newPlots wie folgt aus:

   var newPlots = { 
        "City" : { 
         x : 45.834444, 
         y : 1.261667, 
         text : {content : "City"}, 
         tooltip : {content : "City"} 
        } 
        , "City2" : { 
         size:60, 
         x : 47.323056, 
         y : 5.041944, 
         text : { 
          content : "City", 
          position : "left", 
          margin : 5 
         } 
        } 
       } 

Und das, was ich tun möchte, ist mit each Funktion in newPlots.

Hier können Sie meinen Code finden:

$.ajax({ 
type: "post", 
url: '<?php echo $this->Url->build(array('controller'=>'Villes','action'=>'viewresult')); ?>', 
data: { 
    departements: dptcode 
}, 
dataType : "json", 
success: function (ret) { 
      // Update some plots and areas attributes ... 
      var updatedOptions = {'plots' : {}}; 
      // add some new plots .. 
      var newPlots = { 

       $.each(ret, function(index, element) { 
         "Limoge" : { 
          x : element.x, 
          y : element.y, 
          text : {content : "Limoge"}, 
          tooltip : {content : "Limoge"} 
         }, 
       }); 



      } 

      // and delete some others ... 
      var deletedPlots = []; 

      $(".mapcontainer").trigger('update', [updatedOptions, newPlots, deletedPlots, {animDuration : 1000}]); 




}, 
error : function(xhr, textStatus, errorThrown) { 
    alert('An error occurred! ' + errorThrown); 
} 
}); 

Answer 1

Die Art und Weise Sie versuchen newPlots zu verlängern ist nicht syntaktisch korrekt.

Versuchen Sie,

  var newPlots = newPlots || { }; 
      $.each(ret, function(index, element) { 
        newPlots[element.name] = { 
         x : element.x, 
         y : element.y, 
         text : {content : element.name}, 
         tooltip : {content : element.name} 
        }; 
      });