-swal弹出层删除效果

JavaScript

<a  class="red  teldel" onclick="del()" href="javascript:;"><i class="icon-trash ">删除</i><script>    function del(){                swal({            title: "您确定要删除吗？",             text: "您确定要删除这条数据？",             type: "warning",            showCancelButton: true,            closeOnConfirm: false,            confirmButtonText: "是的，我要删除",            confirmButtonColor: "#ec6c62"        }, function() {            $.ajax({                url: "__CONTROLLER__/del/id/{$vo.id}",                type: "DELETE"            }).done(function(data) {                swal("操作成功!", "已成功删除数据！", "success");            }).error(function(data) {                swal("OMG", "删除操作失败了!", "error");            });        });    }</script>

<foreach name ="telres" item ="vo">	<tbody>		<tr>						<td class="center">				{++$i}			</td>			<td class="center">{$vo.tel}</td>			<td  class="center">{$vo.note}</td>						<td class="center">{$vo['status'] == '0'? "禁用" :"启用"}</td>			<td class="center">								<div class="visible-md visible-lg hidden-sm hidden-xs action-buttons">					<a class="blue" href="__CONTROLLER__/status/id/{$vo.id}/status/{$vo.status}">						<i class="icon-lock">							{$vo['status'] == 0 ?"启用":"禁用"}													</i>					</a>					<a class="green" href="__CONTROLLER__/mod/id/{$vo.id}" onclick="">						<i class="icon-pencil ">修改</i>					</a>					<!-- <a  class="red  teldel" href="__CONTROLLER__/del/id/{$vo.id}"> -->					<a  class="red  teldel"  href="javascript:;" id="{$vo.id}">						<i class="icon-trash ">删除</i>					</a>				</div>			</td>			<td class="center">				<label>					<input type="checkbox" name="id[]" value="{$vo.id}" class="ace" />					<span class="lbl"></span>				</label>			</td>		</tr>	</tbody></foreach><script>	$(".teldel").click(function(){		var id=$(this).attr('id');		swal({			title: "您确定要删除吗？", 			text: "您确定要删除这条数据？", 			type: "warning",			showCancelButton: true,			closeOnConfirm: false,			confirmButtonText: "是的，我要删除",			confirmButtonColor: "#ec6c62"		}, function() {			$.ajax({				url: "__CONTROLLER__/del/",				type: "get",				data:{id:id}			}).done(function(data) {				swal("已成功删除数据!", "请重新刷新当前页面", "success");			}).error(function(data) {				swal("OMG", "删除操作失败了!", "error");			});		});		});</script>