Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

122
Views
Bootstrap 5, el mismo código no funciona en mi local pero funciona en codeply

Estoy tratando de reproducir este ejemplo de scrollspy del sitio web de arranque.

Así es como lo reproduzco: https://yue-site-front.herokuapp.com/ Puede inspeccionar el código.

Los enlaces de navegación funcionan bien, pero según el documento de bootstrap:

A medida que se desplaza por el contenedor "espiado", se agrega y elimina una clase .active de los enlaces de anclaje dentro de la navegación asociada.

Esto es algo que no observé. Inspeccioné el código y la clase activa no aparece cuando veo diferentes títulos en la pantalla.

Creo que estoy usando el método de atributos de datos para que funcione, como se muestra en el documento aquí

Algo que me confundió un poco más es que si copio todo el html de la inspección y lo pego en algún lugar como codeply: https://www.codeply.com/p/1mUZYRPstZ todo funciona bien, la clase activa se agrega normalmente.

about 4 years ago · Juan Pablo Isaza
1 answers
Answer question

0

Finalmente lo descubrí:

  1. Al agregar o eliminar elementos en el DOM, deberá llamar al método de actualización. Esto es del documento oficial que no seguí
  2. En mi implementación local, hay una llamada de recuperación asíncrona para recuperar el contenido del blog y el archivo nav. La llamada asíncrona cumple con la condición del n. ° 1, por lo que necesito actualizar scrollspy después de que el elemento se represente a través de useeffect o didMount
  3. Este desafío también me muestra que no siempre puedo reemplazar la salida html simple de jsx con el propio jsx, incluso los dos son idénticos. Nunca se sabe si hay algún efecto secundario al generar el html a través de reaccionar.
about 4 years ago · Juan Pablo Isaza Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!