$.confirm()没有响应

来源：7-6 商品类别删除前端开发

xiaoleecr

2019-06-11

删除从数据库里加载的商品类别数据时，点击事件在运行到$.confirm();这个函数时没有任何响应，直接跳到函数末尾结束，控制台也没有任何报错。
页面代码：


<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>商品分类列表</title>
<meta name="description"
	content="MSUI: Build mobile apps with simple HTML, CSS, and JS components.">
<meta name="author" content="阿里巴巴国际UED前端">
<meta name="viewport" content="initial-scale=1, maximum-scale=1">
<link rel="shortcut icon" href="/favicon.ico">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">

<!-- Google Web Fonts -->
<link rel="stylesheet"
	href="//g.alicdn.com/msui/sm/0.6.2/css/sm.min.css">
<link rel="stylesheet" href="../resources/css/shop/productcategorymanagement.css">
<script type='text/javascript'
	src='//g.alicdn.com/sj/lib/zepto/zepto.min.js' charset='utf-8'></script>
<script type='text/javascript'
	src='//g.alicdn.com/msui/sm/0.6.2/js/sm.min.js' charset='utf-8'></script>


<script>
	//ga
</script>
<script>
	var _hmt = _hmt || [];
	(function() {
		var hm = document.createElement("script");
		hm.src = "//hm.baidu.com/hm.js?ba76f8230db5f616edc89ce066670710";
		var s = document.getElementsByTagName("script")[0];
		s.parentNode.insertBefore(hm, s);
	})();
</script>

</head>
<body>
	<div class="page-group">
		<div id="page-grid" class="page">
			<header class="bar bar-nav">
				<a class="button button-link button-nav pull-left back"
					href="/demos"> <span class="icon icon-left"></span> 返回
				</a>
				<h1 class="title">商品分类列表</h1>
			</header>
			<div class="content">
				<div class="content-block">
					<div class="row row-product-category">
						<div class="col-40">类别</div>
						<div class="col-40">优先级</div>
						<div class="col-20">操作</div>
					</div>
					<div class="category-wrap">
					</div>
				</div>
				<div class="content-block">
					<div class="row">
						<div class="col-50">
							<a href="#" id="addProductCategory"
								class="button button-big button-fill">新增</a>
						</div>
						<div class="col-50">
							<a href="#"
								class="button button-big button-fill button-success"
								id="submit">提交</a>
						</div>
					</div>
				</div>
			</div>
		</div>

	</div>
	<script type='text/javascript'
		src='//g.alicdn.com/sj/lib/zepto/zepto.min.js' charset='utf-8'></script>
	<script type='text/javascript'
		src='//g.alicdn.com/msui/sm/0.6.2/js/sm.min.js' charset='utf-8'></script>
	<script type='text/javascript'
		src='//g.alicdn.com/msui/sm/0.6.2/js/sm-extend.min.js' charset='utf-8'></script>
	<script type='text/javascript' src='../resources/js/shop/productcategorymanagement.js'
		charset='utf-8'></script>
</body>
</html>

js代码：

$(function() {
	var addUrl = "/o2o/shopadmin/addproductcategories";
	var listUrl = "/o2o/shopadmin/getproductcategorylist";
	var deleteUrl = "/o2o/shopadmin/removeproductcategory";
	getList();
	
	function getList() {
		$.ajax({
			url : listUrl,
			type : 'GET',
			dateType : "json",
			success : function(data) {
				if (data.success) {
					handleList(data.productCategoryList);
				}
			}
		});
	}

	function handleList(data) {
		var html = '';
		data.map(function(item, index) {
			html += '<div class="row row-product-category now"><div class="col-40 product-category-name">'
					+ item.productCategoryName + '</div><div class="col-40">' 
					+ item.priority + '</div><div class="col-20">' 
					+ '<a href="#" data-id="'+item.productCategoryId+'" class="button delete">删除</a>'
					+ '</div></div>';
		});

		$(".category-wrap").html(html);
	}
	
	$("#addProductCategory").click(function(){
		var tempHtml = '<div class="row row-product-category temp">'
			+'<div class="col-40"><input class="category-input category" type="text" placeholder="分类名"></div>'
			+'<div class="col-40"><input class="category-input priority" type="number" placeholder="优先级"></div>'
			+'<div class="col-20"><a href="#" class="button delete">删除</a></div>'
			+'</div>';
		$(".category-wrap").append(tempHtml);
		
	});
	
	$("#submit").click(function(){
		var tempArr = $('.temp');
		var productCategoryList = [];
		tempArr.map(function(index,item){
			var tempObj = {};
			tempObj.productCategoryName = $(item).find('.category').val();
			tempObj.priority = $(item).find('.priority').val();
			if(tempObj.productCategoryName && tempObj.priority){
				productCategoryList.push(tempObj);
			}
		});
		$.ajax({
			url:addUrl,
			type:'POST',
			data:JSON.stringify(productCategoryList),
			contentType:'application/json',
			success:function(data){
				if(data.success){
					$.toast('提交成功');
					getList();
				}else{
					$.toast('提交失败');
				}
			}
		});
	});
	
	$('.category-wrap').on('click','.row-product-category.temp .delete',
			function(e){
				console.log($(this).parent().parent());
				$(this).parent().parent().remove();
	});
				
				
				$.confirm('确定吗？',function(){
					alert("hello");
					$.ajax({
						url:deleteUrl,
						type:'POST',
						data:{
							productCategoryId:target.dataset.id
						},
						dataType:'json',
						success:function(data){
							if(data.success){
								$.toast("成功删除!");
								getList();
							}else{
								$.toast("删除失败!");
							}
						}
					});
				});
	});
});

写回答

2回答

翔仔

2019-06-11

已采纳

同学好，尝试替换成

				$.confirm('确定么?', function() {
				    alert("确定了");
				});

试试？修改后，记得清空缓存，如果点击确定后能执行，证明没问题，然后再改成ajax试试

xiaoleecr

非常感谢！

2019-06-13

共7条回复

翔仔

2019-06-12

$(function() {
	var listUrl = '/o2o/shopadmin/getproductcategorylist';
	var addUrl = '/o2o/shopadmin/addproductcategorys';
	var deleteUrl = '/o2o/shopadmin/removeproductcategory';
	getList();
	function getList() {
		$
				.getJSON(
						listUrl,
						function(data) {
							if (data.success) {
								var dataList = data.data;
								$('.category-wrap').html('');
								var tempHtml = '';
								dataList
										.map(function(item, index) {
											tempHtml += ''
													+ '<div class="row row-product-category now">'
													+ '<div class="col-33 product-category-name">'
													+ item.productCategoryName
													+ '</div>'
													+ '<div class="col-33">'
													+ item.priority
													+ '</div>'
													+ '<div class="col-33"><a href="#" class="button delete" data-id="'
													+ item.productCategoryId
													+ '">删除</a></div>'
													+ '</div>';
										});
								$('.category-wrap').append(tempHtml);
							}
						});
	}
	$('#new')
			.click(
					function() {
						var tempHtml = '<div class="row row-product-category temp">'
								+ '<div class="col-33"><input class="category-input category" type="text" placeholder="分类名"></div>'
								+ '<div class="col-33"><input class="category-input priority" type="number" placeholder="优先级"></div>'
								+ '<div class="col-33"><a href="#" class="button delete">删除</a></div>'
								+ '</div>';
						$('.category-wrap').append(tempHtml);
					});
	$('#submit').click(function() {
		var tempArr = $('.temp');
		var productCategoryList = [];
		tempArr.map(function(index, item) {
			var tempObj = {};
			tempObj.productCategoryName = $(item).find('.category').val();
			tempObj.priority = $(item).find('.priority').val();
			if (tempObj.productCategoryName && tempObj.priority) {
				productCategoryList.push(tempObj);
			}
		});
		$.ajax({
			url : addUrl,
			type : 'POST',
			data : JSON.stringify(productCategoryList),
			contentType : 'application/json',
			success : function(data) {
				if (data.success) {
					$.toast('提交成功！');
					getList();
				} else {
					$.toast('提交失败！');
				}
			}
		});
	});

	$('.category-wrap').on('click', '.row-product-category.temp .delete',
			function(e) {
				console.log($(this).parent().parent());
				$(this).parent().parent().remove();

			});
	$('.category-wrap').on('click', '.row-product-category.now .delete',
			function(e) {
				var target = e.currentTarget;
				$.confirm('确定么?', function() {
					$.ajax({
						url : deleteUrl,
						type : 'POST',
						data : {
							productCategoryId : target.dataset.id
						},
						dataType : 'json',
						success : function(data) {
							if (data.success) {
								$.toast('删除成功！');
								getList();
							} else {
								$.toast('删除失败！');
							}
						}
					});
				});
			});
});

Java双版本（SSM到SpringBoot）校园商铺全栈开发

SSM商铺V1.0，解决毕设痛点；SpringBoot商铺V2.0，满足工作刚需

5134 学习 · 8152 问题

查看课程

相似问题

添加店铺页面点击提交能够响应，更新店铺页面点击提交不响应

回答 2

点击提交按钮无响应

回答 2

访问服务器响应

回答 1

点击提交显示配置失败，但是我都token写的和代码里的一样啊，是不是我url写错了

回答 1

点击提交按钮后，页面无响应

回答 6

打开慕课网App查看更多内容