Estoy tratando de abrir algunas pestañas a la vez desde la página de mi carrito de compras usando Javascript. He mirado algunas preguntas similares y ya sé que puedes usar varias window.open(url) pero realmente no tengo muchas ganas de eso... Actualmente tengo este código

 function buyAll() { $.ajax({ url:'Basket', type:'POST', data: { listOfWines : $.toJSON(chosenIds), action : 'buyAll' }, success : function(responseText) { for (var i = 0; i < allSliders.length; i++) { var cellsCollection = document.getElementById(allSliders[i].id).closest('tr').children; var row = document.getElementById(allSliders[i].id).closest('tr'); $(cellsCollection) .animate({ padding: 0 }, 800) .wrapInner('<div />') .children() .slideUp(function() { $(row).remove(); }); } showSnackOpened(); } }); for(i = 0; i < allSliders.length; i++) { var url = allSliders[i].getAttribute('data-redir'); window.open(url, '_blank'); } }

Perdóneme si el código no es el mejor o hay una pequeña mezcla con jQuery (JS no es mi lenguaje más conocido). Tomo una serie de elementos en el carrito de compras y obtengo un atributo particular de estos elementos, cuál es la URL a la que necesito redirigir al usuario. Una vez que tengo la lista de URL, trato de iterar sobre ellas y abrir las nuevas pestañas. Sin embargo, el navegador obviamente bloquea las páginas a partir de la segunda.

Además, la API de pestañas de Chrome no será de ninguna utilidad para este proyecto, ya que no todos los usuarios utilizarán Chrome.

¡Cualquier ayuda es muy apreciada!