1回の使用後に動作を停止します。ブロック:なし、そしてもう一つは、表示するようになっていない:私は1つのdivが表示になっているボタンを押すと:私は起こることを望むもの。これは初めてボタンを押したときに機能しますが、その後は何も起こりません。ここで.click jqueryの機能は、私は私の.clickのjqueryの機能に問題にぶつかった
は、いくつかのコードは次のとおりです。事前に
$(document).ready(function(){
$("#0").click(function(){
$("#product_container2").css("display", "none");
$("#product_container3").css("display", "none");
$("#product_container1").css("display", "block");
});
$("#1").click(function() {
$("#product_container1").css("display", "none");
$("#product_container3").css("display", "none");
$("#product_container2").css("display", "block");
});
$("#2").click(function(){
$("#product_container1").css("display", "none");
$("#product_container2").css("display", "none");
$("#product_container3").css("display", "block");
});
});
<section id="product_container1" class="col-12 product_container">
\t <h1 id="product-h1"> Produkter </h1>
\t <hr style="width:90%; margin-left:5%">
\t <div class="product_info_container productx">
\t \t <img src="bilder/dumleOriginal220.png" alt="Dumle" id="product1" class="product"></img>
\t \t <h2> Dumle Original 220 g</h2>
\t \t \t <p> Dumle brings out the twinkle in your eyes. The goofy sweet is a combination of soft chewy toffee and smooth Fazer Chocolate. The... </p>
\t \t \t
\t \t <div id="button"> <b> Visa produkt information </b> </div>
\t <hr style="width:80%; margin-left:5%; margin-top:10px;">
\t </div>
<div id="buttons">
<a href="#product_container1" id="0" class="mybutton myred">1</a>
<a href="#product_container2" id="1" class="mybutton myblue">2</a>
<a href="#" id="2" class="mybutton myblue">3</a>
</div>
</section>
<section id="product_container2" class="col-12 product_container">
\t <h1 id="product-h1"> Produkter </h1>
\t <hr style="width:90%; margin-left:5%">
\t <div class="product_info_container productx">
\t \t <img src="bilder/dumleOriginal220.png" alt="Dumle" id="product1" class="product"></img>
\t \t <h2> Dumle Original 220 g</h2>
\t \t \t <p> Dumle brings out the twinkle in your eyes. The goofy sweet is a combination of soft chewy toffee and smooth Fazer Chocolate. The... </p>
\t \t \t
\t \t <div id="button"> <b> Visa produkt information </b> </div>
\t <hr style="width:80%; margin-left:5%; margin-top:10px;">
\t </div>
<div id="buttons">
<a href="#product_container1" id="0" class="mybutton myred">1</a>
<a href="#product_container2" id="1" class="mybutton myblue">2</a>
<a href="#" id="2" class="mybutton myblue">3</a>
</div>
</section>
<section id="product_container3" class="col-12 product_container">
\t <h1 id="product-h1"> Produkter </h1>
\t <hr style="width:90%; margin-left:5%">
\t <div class="product_info_container productx">
\t \t <img src="bilder/dumleOriginal220.png" alt="Dumle" id="product1" class="product"></img>
\t \t <h2> Dumle Original 220 g</h2>
\t \t \t <p> Dumle brings out the twinkle in your eyes. The goofy sweet is a combination of soft chewy toffee and smooth Fazer Chocolate. The... </p>
\t \t \t
\t \t <div id="button"> <b> Visa produkt information </b> </div>
\t <hr style="width:80%; margin-left:5%; margin-top:10px;">
\t </div>
<div id="buttons">
<a href="#product_container1" id="0" class="mybutton myred">1</a>
<a href="#product_container2" id="1" class="mybutton myblue">2</a>
<a href="#" id="2" class="mybutton myblue">3</a>
</div>
</section>
ありがとう!私が見ることができる
ああ。 idをクラスに変更し、問題は修正されました。これは、このような問題を引き起こす可能性が知らなかった、私はいつか修正するつもりだったものでした。将来の素質のためにこれを覚えているでしょう、あなたの助けをありがとう。素晴らしい) – beckman
、私は助けることができ嬉しいです! –