我这里点击事件没反应,弹不出来不知道怎么回事
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>电影列表</title>
<script src="script/jquery-1.10.2.js"></script>
<script src="script/jquery.validate.js"></script>
<script type="text/javaScript">
$(function(){
$("#but").click(function(){
alert("hehe");
});
});
</script>
</head>
<body>
<form action="movieList.jsp"method="get">
<br>电影分类:<select name="id">
<option value="0">所有分类</option>
<c:forEach var="c" items="${categorylist}">
<c:if test="${param.id==c.id}">
<option value="${c.id}" selected="selected">${c.name}</option>
</c:if>
<c:if test="${param.id!=c.id}">
<option value="${c.id}">${c.name}</option>
</c:if>
</c:forEach>
</select>
电影名称:<input type="text"name="title"value=""/>
<input type="button"value="查询"/>
</form>
<hr/>
<table id="movieTable" border="1">
<thead>
<tr>
<th>编辑</th>
<th>电影名称</th>
<th>编号</th>
<th>分类</th>
<th>导演</th>
<th>上映时间</th>
<th>删除</th>
</tr>
</thead>
<tbody>
<c:forEach var="m" items="${movielist }">
<tr>
<td><a href="MovieUpdateServlet?id=${m.id}">编辑</a><input id="but"type="button" value="删除"/></td>
<td>${ m.title}</td>
<td>${m.movieCode}</td>
<td>${m.category.name}</td>
<td>${m.director}</td>
<td>${m.dateReleased}</td>
<td><a href="MovieDeleteServlet?id=${m.id}"></a></td>
</tr>
</c:forEach>
</tbody>
</table>
<hr/>
<p><a href="MovieAddServlet">添加新电影</a></p>
</body>
</html>
if(confirm('到底了,还继续吗?')){
console.log('OK,继续')
}else{
console.log('取消了')
}
http://www.cnblogs.com/taizhouxiaoba/archive/2009/04/15/1436587.html
可以用插件,也可以直接用原生的confirm方法
window.confirm("确定")//和alert一样的用法。不过这个有个返回值,根据确定和取消,返回true 和false
bootstrap 弹出框一样实现
http://www.runoob.com/bootstrap/bootstrap-popover-plugin.html
你将那一段JS放在body下面,你这样弹不出来没反映应该报找不到BUT这个元素吧,因为他先执行这一段JS在执行下面的HTML,在执行过程中JS去找but没找到,自然就没效果了
憨货
一个页面中每个ID名都是唯一的
把这儿的ID,换成class="but",用class兼听;,不然你这来个foreach,这么多ID。js理解不了的。
<input id="but"type="button" value="删除"/>
你可以用我写的弹出层,下载地址:http://download.csdn.net/detail/zyj2014/9698662