Estoy usando wordpress y no hay forma de agregar un atributo personalizado al elemento HTML a través del tema. Descubrí que se puede hacer a través de Jquery, pero no me ayuda.
Atributos que quiero agregar al elemento HTML al cargar (no es necesario hacer clic en nada específico):
data-tf-popup="Vxs1VOeK" data-tf-hide-headers="" data-tf-transitive-search-params="utm_source, utm_medium,utm_campaign,utm_term,utm_content" data-tf-iframe-props="title=Dermatologo konsultacija internetu - iDerma" data-tf-medium="snippet" data-tf-hidden="utm_source=xxxxx,utm_medium=xxxxx,utm_campaign=xxxxx,utm_term=xxxxx,utm_content=xxxxx"Botón/elemento específico al que quiero agregarlo. Actualmente tiene Ahref, pero eliminaré el ahref para mantenerlo vacío.
<li id="menu-item-37" class="menu-singup menu-item menu-item-type-custom menu-item-object-custom menu-item-37" data-tf-popup="Vxs1VOeK"><a href="https://form.typeform.com/to/Vxs1VOeK">Pradėti konsultaciją</a></li>¡Cualquier ayuda será apreciada!
Puede agregar los atributos a través de la función .attr() de jQuery. El primer parámetro determina el atributo que está agregando, mientras que el segundo parámetro es el valor de dicho atributo.
Ejemplo:
$(document).ready(() => { $('#element_id').attr('data-tf-popup', 'Vxs1VOeK'); $('#element_id').attr('data-tf-hide-header', ''); // ... });Puede hacerlo más limpio usando objetos JSON como tales:
$(document).ready(() => { const attr = { 'data-tf-popup': 'Vxs1VOeK', 'data-tf-hide-header': '', 'data-tf-transitive-search-params': 'utm_source, utm_medium,utm_campaign,utm_term,utm_content', // ... } for (let key in attr) { $('#element_id').attr(key, attr[key]); } });