jquery弹出确定 取消的对话框怎么实现的

我这里点击事件没反应,弹不出来不知道怎么回事

 <%@ 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