请稍等 ...
×

采纳答案成功！

向帮助你的同学说点啥吧！感谢那些助人为乐的人

$.confirm()没有响应

删除从数据库里加载的商品类别数据时，点击事件在运行到$.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("删除失败!");
							}
						}
					});
				});
	});
});
xiaoleecr 2019-06-11 16:52:17
源自：7-6  商品类别删除前端开发
941
收起

正在回答

2回答

翔仔 回答被采纳获得+3积分 2019-06-11 23:29:19

同学好，尝试替换成

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

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

0 回复 有任何疑惑可以回复我~
收起回答
  • 提问者 xiaoleecr #1 
    仍然不行，确认弹框也没有，断点看了不能进入其中的function，不会执行alert
    回复 有任何疑惑可以回复我~ 2019-06-12 09:53:45
  • 翔仔 回复 提问者 xiaoleecr #2 
    同学你的控制台是chrome的还是Eclipse的？eclipse的不会报错哦。而且你的html里面zepto.js的引入要先于你业务js的引入，修改后记得清空页面缓存才能生效
    回复 有任何疑惑可以回复我~ 2019-06-12 23:17:02
  • 提问者 xiaoleecr 回复 翔仔 #3 
    是chrome的控制台，js的调试也是用chrome，zepto.js的引用顺序也是处于最前面，每次修改js我都会清除浏览器缓存。代码我已经补充到问题描述当中了
    回复 有任何疑惑可以回复我~ 2019-06-12 23:33:56
点开查看后面4条评论
取消 回复
翔仔 2019-06-12 23:54:35 
$(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('删除失败！');
							}
						}
					});
				});
			});
});


0 回复 有任何疑惑可以回复我~
收起回答
取消 回复

相似问题

卡到这一步了，没有没有响应
482 0 2
vue3 响应式问题computed
1115 0 4
为什么没有使用toRefs 转为响应式，仍然可以实现响应式？
464 1 3
没有响应式布局的效果
782 0 4
添加店铺页面点击提交能够响应，更新店铺页面点击提交不响应
895 1 15

登录后可查看更多问答，登录/注册

问题已解决，确定采纳
还有疑问，暂不采纳
Java双版本（SSM到SpringBoot）校园商铺全栈开发
  • 参与学习       5113    人
  • 解答问题       8144    个

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

了解课程

本课精华内容

问答 作业

无法进入DEBUG模式

2.0k 47

getshopbyid不能返回数据显示在前端

1.9k 41

停止访问网页问题已解决，但是扫码又出现scope不能为空的错误。。。。。

2.5k 40

request.getParameter()取出的值为空

1.8k 39

老师，操作台报错说类似这样的，数据库的字段和输入的数据库的数据类型不匹配，查了半天没发现有错啊

1.5k 37

查看更多本课问答
意见反馈 帮助中心 APP下载
官方微信