WordPress × Wavesurfer JS

[winkyBrain]

Я wp и php не использовал, но вам точно обязательно сначала брать ссылку на трек в стриминговых сервисах(видимо) через php, класть её в атрибут href, а потом искать все ссылки через document.getElementById(), чтобы в них проверить отличие href от пустой строки? Будто бы где-то по дороге можно было было создать к примеру словарь по тем же id стримингов, с boolean флагами о том, была ли получена ссылка или пустая строка.

Скрытый текст

if(document.getElementById("streaming-link-amazon").getAttribute("href")!=="") {
	document.getElementById("streaming-link-amazon").style.display = "inline-block";
}
if(document.getElementById("streaming-link-vk-music").getAttribute("href")!=="") {
	document.getElementById("streaming-link-vk-music").style.display = "inline-block";
}
if(document.getElementById("streaming-link-ya-music").getAttribute("href")!=="") {
	document.getElementById("streaming-link-ya-music").style.display = "inline-block";
}
if(document.getElementById("streaming-link-soundcloud").getAttribute("href")!=="") {
	document.getElementById("streaming-link-soundcloud").style.display = "inline-block";
}
if(document.getElementById("streaming-link-bandcamp").getAttribute("href")!=="") {
	document.getElementById("streaming-link-bandcamp").style.display = "inline-block";
}
if(document.getElementById("streaming-link-beatport").getAttribute("href")!=="") {
	document.getElementById("streaming-link-beatport").style.display = "inline-block";
}
if(document.getElementById("streaming-link-apple-music").getAttribute("href")!=="") {
	document.getElementById("streaming-link-apple-music").style.display = "inline-block";
}
if(document.getElementById("streaming-link-spotify").getAttribute("href")!=="") {
	document.getElementById("streaming-link-spotify").style.display = "inline-block";
}
if(document.getElementById("streaming-link-youtube").getAttribute("href")!=="") {
	document.getElementById("streaming-link-youtube").style.display = "inline-block";
}
if(document.getElementById("streaming-link-deezer").getAttribute("href")!=="") {
	document.getElementById("streaming-link-deezer").style.display = "inline-block";
}
if(document.getElementById("streaming-link-promo-dj").getAttribute("href")!=="") {
	document.getElementById("streaming-link-promo-dj").style.display = "inline-block";
}

Ну и само собой вот такого быть не должно, можно же вынести все id в массив(или document.getElementsByClassName() в вашем случае прекрасно сработает), пройтись по нему циклом и выполнить все те совершенно одинаковые проверки и операции. Зачем копипастить код, что случилось с DRY? Кстати подход массив + цикл позволил бы вам и сами ссылки таким же образом отрисовать

[Tiku]

Здравствуйте! Спасибо за комментарий!

но вам точно обязательно сначала брать ссылку на трек в стриминговых сервисах(видимо) через php

Я mp3 файлы треков загружаю через админку WP в медиа библиотеку, копирую URL и его уже вставляю как произвольное поле при редактировании страницы трека в админке WP. А оттуда оно уже попадает в переменную. Т. е. тут нет никакой зависимости от сторонних сервисов.

Ну и само собой вот такого быть не должно

Да, это ужас, я понимаю, есть в планах нормально переделать через массив и циклом по нему.