Question

Noob就此。上周开始使用jQuery，在阅读本网站大约10个小时后，api不得不问这个并希望有方向。

尝试删除从图库中点击的最后一张图片，因此点击下一个图库会加载第一张图片而不是最后一张图片。（www.cooloradan.com）。

我的janky代码（主要来自其他人）：

function loadPhoto($url, $caption) {/*Image pre-loader*/
    showPreloader();
    var img = new Image();
    $(img).load( function() {
        $(img).hide();
        hidePreloader();

     }).attr({ "src": $url });

    $('#largephotoc1').css('background-image','url("' + $url + '")');
    $('#largephotoc1').data('caption', $caption);
    $('#largephotoc2').css('background-image','url("' + $url + '")');
    $('#largephotoc2').data('caption', $caption);
    $('#largephotoc3').css('background-image','url("' + $url + '")');
    $('#largephotoc3').data('caption', $caption);
    $('#largephotoc4').css('background-image','url("' + $url + '")');
    $('#largephotoc4').data('caption', $caption);
    $('#largephoto3d1').css('background-image','url("' + $url + '")');
    $('#largephoto3d1').data('caption', $caption);
}

/* When a thumbnail is clicked*/
 $('.thumb_container').click(function() {
      var handler = $(this).find('.large_image');
      var newsrc  = handler.attr('src');
      var newcaption  = handler.attr('rel');
      loadPhoto(newsrc, newcaption);
 });

 $('.close-reveal-modal').click(function() {
    $('.thumb_container').find('.large_image').remove();
 });

HTML：

<div id="myModalc3" class="reveal-modal">
    <div class="mainframe">
        <div id="largephotoc3">
        </div>
    </div>
    <div class="thumbnailimage">
        <div class="thumb_container">
            <div class="large_thumb">
                <img src="images/album/modalthumbs/3d1.6.jpg" class="large_thumb_image" alt="thumb" />
                <img alt="" src="images/album/modallarge/3d1.6.jpg" class="large_image" />
            </div>
        </div>
    </div>
    <a class="close-reveal-modal"><img src="images/icons/close.png"  /></a>
</div>
</div>

我不确切地知道我想要问什么，但我会一直看着并尝试不同的事情，但我确定。

Answer 1

对你问题的某些部分有点困惑，但我认为你想要改变这个......

 $('.close-reveal-modal').click(function() {
    $('.thumb_container').find('.large_image').remove();
 });

到此......

 $('.close-reveal-modal').click(function() {
    $(this).prev().find('.large_image').remove();
 });

无法在关闭时从jQuery库中删除子项

1 个答案: