![](/img/trans.png)
[英]How can i show more than 1 image in my map using my function (google maps)
[英]Show my link “Delete” only if I have more than one image in my image list
我使用jQuery和Ajax删除横幅图像。
但是,如果我只有一张图像,我不想删除它。
我有一个图像列表,对于每个图像,我都有此链接:
echo '<a class="delete j_bannerdelete" id="'.$rslt_banner['id'].'" href="#">Delete</a> ';
我在想些什么,如果我的行数超过1,请显示“删除”链接。
if($read_ban->rowCOunt() >1{
echo '<a class="delete j_bannerdelete" id="'.$rslt_banner['id'].'" href="#">Delete</a> ';
}
但是像这样,例如,如果我有2张图像,我将删除一张,而由于我用ajax删除,我的页面不会刷新,因此我的最后一张图像带有“删除”链接,因此可以删除它。
您知道解决这个问题的简单方法吗?
我的删除代码:
$(function(){
var banner_id = null;
$("a#no").click(function(event){
event.preventDefault();
$('.confirm').fadeOut("slow",function(){
$('.delete_dialog').fadeOut("slow");
});
$('.bannerli li[id="'+ banner_id +'"]').css('background','#f5f5f5');
banner_id = null;
});
$("a#delete").click(function(event){
event.preventDefault();
if (!banner_id) return;
$.post(url,{action:'ban',id: banner_id},function(){
window.setTimeout(function(){
$('.bannerli li[id="'+ banner_id +'"]').fadeOut("slow");
},500);
$('.confirm').fadeOut("fast",function(){
$('.delete_dialog').fadeOut("fast");
});
});
});
$('.bannerli').on('click','.j_bannerdelete',function(){
banner_id = $(this).attr('id');
$('.bannerli li[id="'+ banner_id +'"]').css('background','red');
$('.delete_dialog p').text('Are you sure you want to remove this banner?');
$('.delete_dialog').fadeIn("slow",function(){
$('.confirm').fadeIn("slow");
});
return false;
})
});
我在这里创建了一个简化的解决方案: http : //jsfiddle.net/wgjrnw7m/1/ 。 它应该使您知道如何执行此操作。
基本上,您想统计一下您拥有多少物品:
if($('.bannerli').length <= 1) { /* Hide delete */ }
并且您想在每次删除项目时进行此检查。 如果还可以添加项目,则还需要检查是否有多个项目,在这种情况下,请再次显示所有删除按钮。
用jQuery选择器计算页面上还有多少横幅。 比仅在以下情况下显示删除功能
if ( $('.j_bannerdelete').length > 1 ) {
...
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.