1
Noob在這。上週開始使用jQuery,在閱讀本網站約10小時後,api必須詢問並希望獲得指導。不能從關閉的jQuery畫廊刪除孩子
試圖刪除從圖庫中點擊的最後一張圖片,所以點擊下一個圖庫將加載第一張圖片而不是最後一張圖片。 (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>
我不知道到底是什麼我想問問,但我會繼續儘管如此,我一整晚都在尋找和嘗試不同的東西。
這是推動我堅果。真的會很感激一些迴應,即使錯了,我也會增加你的觀點。只是需要一些不同的想法或方向來說明我錯在哪裏。這些線$( '近距離揭示模態 ')點擊(函數() \t { \t \t $()找到()刪除()' thumb_container。 '' large_image。'; \t}) ;只需點擊下一步刪除圖庫。最接近的東西,我可以找到的東西,但實際上做了一些事情。繼續堅持下去。我知道如果我更清楚自己在看什麼,這將會非常簡單。 – 2012-02-26 04:33:46