Estoy tratando de mostrar los datos en una lista desordenada que proviene de una API. A continuación se muestra el código de cómo lo he implementado. Funciona completamente bien y los datos también se muestran. Pero tan pronto como alguien hace clic en cualquier otro botón, los datos desaparecen como si la lista se estuviera destruyendo.
<div class="vendorMarketScroll"> <ul id="vendorMarketList"> </ul> </div>Llenar la lista (vendorMarket contiene los datos de la API):
function makeVendorMarketList(vendorMarket) { if (vendorMarket && vendorMarket.length > 0) { vendorMarket.sort(function (a, b) { return (a.marketName < b.marketName) ? -1 : (a.marketName > b.marketName) ? 1 : 0; }); for (var market in vendorMarket) { if(vendorMarket[market].marketName){ var z = document.createElement('li'); z.innerHTML = vendorMarket[market].marketName; document.getElementById("vendorMarketList").appendChild(z); } } } }Por favor, ayúdenme a comprender la razón detrás de esto y cuál es la forma correcta de implementarlo.
El problema era algo diferente: la página se cargaba en muchos lugares y, por lo tanto, la función de creación tenía que llamarse desde todos los lugares.
Fue un poco mi error, era nuevo en la solución.
Gracias a todos los que invirtieron su tiempo y trataron de ayudarme :)