0

ページで jquery を使用して、更新せずにコンテンツを読み込み、必要なものだけを表示しています。ギャラリー div には、「その他の写真」と「ヌード アート」のリンクがあります。それぞれをクリックすると、指定された写真でギャラリーが初期化されます。ただし、そのうちの1つを初期化すると、それを非表示にしてもう1つのスペースを作成する方法はありません.

CSSのIDは同じですが、クラスが異なる画像を使用して2つのul liリストを作成しました。これが、それらを区別しようとしている方法です...

<div id="underage">
  <ul class="galleryShow">
    ...
  </ul>
</div>

<div id="adult">
  <ul class="galleryShow">
    ...
  </ul>
</div>

そして、これはJqueryです

$('#galleryButton').click(function() {
                $('.mainBody').slideUp().ready(function() {
                    $('#gallery').slideDown(600).ready(function() {

                            $('#otherPhotoButton').click(function() {
                                /*$('.adult').hide();*/
                                $('.underage').galleryView();
                            });

                            $("#nudeButton").confirm({
                                text: "Are you over 18?",
                                confirm: function(button) {
                                    /*$('.undergage').hide();*/
                                    $('.adult').galleryView();
                                },
                                cancel: function(button) {
                                    window.location.href = "https://www.google.hu/search?q=puppies";
                                },
                                confirmButton: "Yes I am",
                                cancelButton: "No"
                            });
                        });     
                    }); 
                });
4

2 に答える 2

0

重複した ID を使用しないでください。両方のタグのクラスと ID タグの値を変更して<ul>、

<ul id="underage" class='galleryShow'>
<ul id="adult" class='galleryShow'>

#galleryShow のすべての css を .galleryShow に変更します。

galleryView を使用しているライブラリは、初期化後にマークアップを変更している可能性があるため、コードにフィドルを投稿してください。

于 2013-08-12T09:48:47.480 に答える