2

preciso de uma ajuda:

Tenho o seguinte json

var jsonString = "{ \"0%\" : { \"margin-left\":\"-0%\"},";
    jsonString += " \"25%\" : { \"margin-left\":\"-0%\"},";
    jsonString += " \"30%\" : { \"margin-left\":\"-100%\"},";
    jsonString += " \"50%\" : { \"margin-left\":\"-100%\"},";
    jsonString += " \"55%\" : { \"margin-left\":\"-200%\"},";
    jsonString += " \"75%\" : { \"margin-left\":\"-200%\"},";
    jsonString += " \"80%\" : { \"margin-left\":\"-300%\"},";
    jsonString += " \"100%\" : { \"margin-left\":\"-300%\"}}";

jsonString = JSON.parse(jsonString);

$.keyframe.define([
  $.extend(
      { name: 'tocaSlide' }, 
          jsonString
      )
]);

Funciona para os meus propósitos.

Mas da forma que está, tenho um var jsonString estático.

Preciso que seja dinâmico.

Então, estou gerando ele dentro de um loop for, mas está dando erro.

Gostaria de saber onde estou errando.

  var jsonString ={};   

  for (i = 0; i < quantasImagens; i++) {    

  tMin = t + tempoTransicao;
  tMax = t + tamanhoIntervalos; 
  t+=tamanhoIntervalos;

  if(i==0) tMin=0;
  if(i==quantasImagens) tMax=100;         

  jsonString += "'" + tMin + "%' : { 'margin-left':'-" + tempoImagens + "%'],";
  jsonString += "'" + tMax + "%' : { 'margin-left':'-" + tempoImagens + "%'},";

  tempoImagens+=100;

  }


  jsonString = JSON.parse(jsonString );

1 Resposta 1

2

Podes pensar em "montar um objeto" em vez de pensar em strings que devem ser transformadas num objeto...

Acho que o que procuras seria algo assim:

var obj = {};

for (i = 0; i < quantasImagens; i++) {

  tMin = t + tempoTransicao;
  tMax = t + tamanhoIntervalos;
  t += tamanhoIntervalos;

  if (i == 0) tMin = 0;
  if (i == quantasImagens) tMax = 100;

  obj[tMin + '%'] = { 'margin-left': '-' + tempoImagens + '%'};
  obj[tMax + '%'] = { 'margin-left': '-' + tempoImagens + '%'};
  tempoImagens += 100;
}


console.log(obj);

Nota: a condição if (i == quantasImagens) tMax = 100; nunca vai ser alcançada pois o loop vai parar quando o i < quantasImagens.

7
  • deu o seguinte erro: Uncaught TypeError: Cannot set property '0%' of undefined Commented 29/10/2017 às 21:01
  • @CarlosRocha sim, claro erro meu, tinha var obj = obj; e não var obj = {};.
    – Sergio
    Commented 29/10/2017 às 21:04
  • Desculpa, aqui postei errado. Mas no drreamweaver stá var obj = obj. e não funcionou mesmo assim. Tem ideia de que pode ser? Veja www.hotplateprensas.com.br/estilos/slide2.php Commented 30/10/2017 às 0:12
  • @CarlosRocha esse site dá-me 500 Internal Server Error. Coloca um exemplo do quantasImagens e das variáveis que são definidas fora do código para montar um exemplo a funcionar.
    – Sergio
    Commented 30/10/2017 às 6:16
  • Então, @Sergio. Bom Dia! Para mim abre normal aqui. Talvez você esteja colocando espaços na URL! O erro que me retorna é esse: "Uncaught TypeError: Cannot set property '0%' of undefined". Isso no Chrome. Já no Fireox, o erro é "TypeError: obj is undefined" Commented 30/10/2017 às 9:11

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .