0

次の Web ページがあります: link to page。「ガレリア」セクションに行くと、左側に写真のスライダーとメニューが表示されます。スライダーの各画像はクリック可能で、クリックすると空白がクリックしたばかりの写真で埋められます。

そこまで修正。

問題は、セクションを変更したい場合 (左側の「Nuestra titenda 2011」、「Mayo 2012」と表示されているメニュー)、おそらく私が行うことは、下部のulギャラリーのコンテンツを変更することです。

そのために、次のコードを書きました。

<div id="lista_galerias">
            <ul>
                <li><div id="nuestra_tienda_show">Nuestra tienda 2011</div>
                    <script type="text/javascript">
                        $('#nuestra_tienda_show').click(function()
                        {
                            $('.jCarousel').html('');
                            $('<ul><li><div id="clickable"><img src="img/Escaparates_2011/img1.jpg" alt="Dormitorio azul turquesa." width="100" height="100"></img></div></li></ul>')
                                .prependTo('jCarousel');
                            $('#galeria_seleccionada').html('Nuestra tienda 2011');
                        });

                    </script>
                </li>
                <li><div id="mayo_2012_show">Mayo 2012</div>
                    <script type="text/javascript">
                        $('#mayo_2012_show').click(function()
                        {
                            $('.jCarousel').html('');
                            $('<ul><li><div id="clickable"><img src="img/Mayo_2012/img1.jpg" alt="" width="100" height="100"></img></div></li></ul>')
                                .prependTo('.jCarousel');
                            $('#galeria_seleccionada').html('Mayo 2012');
                        });

                    </script>
                </li>
            </ul>
        </div>

そして jCarousel div:

<!-- DIV Contenedor de la imagen de la galería -->
        <div id="containerGaleria">
            <div id="containerImage"></div>
        </div>
        <!-- DIV Contenedor de la galeria de imágenes -->
        <div class="container_carousel">
            <div class="jCarousel">
                <ul>
                    <li><div id="clickable"><img src="img/Escaparates_2011/img1.jpg" alt="1" width="100" height="100"></div></li>
                    <li><div id="clickable"><img src="img/Escaparates_2011/img2.jpg" alt="2" width="100" height="100"></div></li>
                    <li><div id="clickable"><img src="img/Escaparates_2011/img3.jpg" alt="3" width="100" height="100"></div></li>
                </ul>
            </div>
            <button class="prev"><<</button>
            <button class="next">>></button>
        </div>

ご覧のとおり、jCarousel を含むdivと、この jCarousel div のコンテンツを変更するセクションのリストを含む別の div があります。

だから私の疑問は：

おそらく、jCarousel の html コンテンツを消去すると、何らかの理由で jCarousel 効果がリロードされず、プロパティのない単純なリストとして表示されると思います。その jCarousel リストをリロードして、ページが最初にロードされたときのように確認するにはどうすればよいですか??

編集：これを追加しました：

$('#nuestra_tienda_show').click(function()
    {
        $('.jCarousel').html('');
        $('<ul><li><div id="clickable"><img src="img/Escaparates_2011/img1.jpg" alt="Dormitorio azul turquesa." width="100" height="100"></img></div></li></ul>')
            .prependTo('.jCarousel');
        $('#galeria_seleccionada').html('Nuestra tienda 2011');
                            $('.jCarousel').jCarouselLite({
                                btnNext: ".next",
                                btnPrev: ".prev"
                           });
                        });

しかし、その後、私のリストは表示されません。加えるだけでも

$('.jCarousel').jCarouselLite();
4

1 に答える 1

1

ページにアクセスできませんが、カルーセル（$（'。jCarousel'）。html（''）;）のすべてのコンテンツを消去して新しいコンテンツを追加すると、.jCarouselへの呼び出しが欠落しているようです。 、すべてのイベントとjcarouselのすべてがなくなります。それで：

<script type="text/javascript">
    $('#nuestra_tienda_show').click(function()
    {
        $('.jCarousel').html(''); // Here, you loose all jcarousel events, etc
        $('<ul><li><div id="clickable"><img src="img/Escaparates_2011/img1.jpg" alt="Dormitorio azul turquesa." width="100" height="100"></img></div></li></ul>')
         .prependTo('jCarousel'); // this element is unknown to jcarousel
        $('.jCarousel').jCarousell(); // Initialize the carousel again
        $('#galeria_seleccionada').html('Nuestra tienda 2011');

    });
</script>
于 2012-06-28T17:08:01.703 に答える