Mi script funciona perfectamente solo con html, pero cuando exporto a wordpress no funciona y aparece esto, me gustaría saber alguna forma de solicitarlo, soy principiante en javascript, pero estoy tratando de aplicar el efecto de escritura pero no funciona:
<span class="js-typedjs" data-hs-typed-options='{ "strings": ["de você.", "da sua família."], "typeSpeed": 90, "loop": true, "backSpeed": 30, "backDelay": 2500 }'></span>Este tampoco funciona:
<script> (function() { // INITIALIZATION OF MEGA MENU // ======================================================= const megaMenu = new HSMegaMenu('.js-mega-menu', { desktop: { position: 'left' } }); // INITIALIZATION OF SHOW ANIMATIONS // ======================================================= new HSShowAnimation('.js-animation-link') // INITIALIZATION OF BOOTSTRAP VALIDATION // ======================================================= HSBsValidation.init('.js-validate', { onSubmit: data => { data.event.preventDefault() alert('Submited') } }) // INITIALIZATION OF GO TO // ======================================================= new HSGoTo('.js-go-to') // INITIALIZATION OF NAV SCROLLER // ======================================================= new HsNavScroller('.js-nav-scroller') // INITIALIZATION OF TEXT ANIMATION (TYPING) // ======================================================= const typed = HSCore.components.HSTyped.init('.js-typedjs') })() </script>Si no usa el efecto de animación, puede eliminar esta parte o la clase "js-animation-link" de su HTML:
// INITIALIZATION OF SHOW ANIMATIONS // ======================================================= new HSShowAnimation('.js-animation-link')Si usa la clase CSS "js-animation-link", debe agregar el elemento como "targetSelector" en las opciones, por ejemplo:
<a class="js-animation-link" href="javascript:;" role="button" data-hs-show-animation-options='{ "targetSelector": "#signupModalFormLogin", "groupName": "idForm" }'>Log in here</a>O, en esta documentación, usan el objetivo de datos: https://htmlstream.com/preview/front-v2.9.2/documentation/hs-libraries/show-animation.html#how-to-use
<a class="js-animation-link btn btn-sm btn-outline-secondary btn-sm-wide active" href="javascript:;" data-target="#firstContent" data-link-group="groups" data-animation-in="slideInUp">First content</a>