0

veran yo tengo mi template asi. mediante stripe conecto con fetch y accedo a una lista de datos como productos y precios y los genero dentro de ese template. hasta ahi todo bien el problema es que cuando intento agregar un css no lo carga dentro del template

<section id="Payment" class="Payments"></section>
        <template id="Website-static">
            <figure id="FH" class="Web">
                <img>
                <figcaption class="fig-caption-Name"></figcaption>
                <figcaption class="fig-caption-Price"></figcaption>
            </figure>
        </template>

el ejemplo que que puse aqui que le aplica un border después de hacer click a las cartas es lo que quiero hacer dentro del template pero no me agarra... ¿me preguntaba el porque no agarra?

$('.test').on('click',function(){
    $('.test').removeClass('show-border');
    $(this).addClass('show-border');
});
.test{
background-color: red;
width:100px;
height:40px;
margin:12px;
cursor:pointer;
}

.show-border{border:5px solid green;}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<h1> lo que intento es algo asi</h1> 

<div class="test"> </div>

<div class="test"> </div>

8
  • si eso es verdad ya actualize el post. pero en el código original lo tengo con las comillas
    – John
    Commented el 13 mar. 2021 a las 19:52
  • cierto ya arregle el ejemplo. y corre perfecto el hacer click y sale el border . pero ahora el problema principal es que como había mencionado en el post yo tengo un template lo puedes ver arriba bueno entonces cuando intento aplicarle ese ejemplo que puse ella no funciona
    – John
    Commented el 13 mar. 2021 a las 20:19
  • si agregas dinamicamente los elementos tenes que agregarles el on click a cada nuevo elemento, o delegar a un parent que cuando aparezca un elemento con tal clase le agregue la func Commented el 13 mar. 2021 a las 20:26
  • puedes poner un ejemplo de como hacerlo para que en el futuro quienes vean este post sepan la respuesta
    – John
    Commented el 13 mar. 2021 a las 20:29
  • 1
    Gracias por la Respuesta y explicación precisa, ya entendí el porque no estaba funcionando
    – John
    Commented el 13 mar. 2021 a las 20:42

0

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

Examina otras preguntas con la etiqueta o formula tu propia pregunta.