Skip to main content
se añadieron 5 caracteres en el cuerpo; etiquetas editadas
Origen Enlace
John
  • 176
  • 1
  • 15

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?

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

.shownshow-border{border:2px5px 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>asi</h1> 

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

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

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;
}

.shown-border{border:2px 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>

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>

se añadieron 4 caracteres en el cuerpo
Origen Enlace
John
  • 176
  • 1
  • 15

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;
}

.shown-border{border:2px 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>

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;
}

.shown-border{border:2px 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>

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;
}

.shown-border{border:2px 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>

Origen Enlace
John
  • 176
  • 1
  • 15

no me carga un estilo css dentro de una etiqueta <template>

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;
}

.shown-border{border:2px 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>