jquery 拖拽

<%@ page language="java" contentType="text/html;charset=utf-8"%>

<%

String p = request.getContextPath();

String path = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+p+"/";

%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<title>公告和待办事宜</title>

<link rel="stylesheet" type="text/css" href="../css/main.css" />

<style type="text/css">

#module_list{margin-left:4px}

.modules{float:left; width:600px; height:270px; margin:10px; overflow:hidden; border:1px solid #acc6e9; background:#e8f5fe}

.m_title{height:24px; line-height:24px; background:#afc6e9}

#loader{height:24px; text-align:center}

.clear{clear:both}

</style>

<script type="text/javascript" src="<%=path %>js/jquery-1.5.min.js"></script>

<script type="text/javascript" src="<%=path %>js/jquery-ui-1.8.16.custom.min.js"></script>

<script type="text/javascript" src="<%=path %>js/idrag.js"></script>

 

<script type="text/javascript">

 function queryNews(){ 

       alert(1111);

 

 $.ajax({

                    type: "Post",

                    url: "<%=path %>releaseNewsAction!nuewList.action",

                    contentType: "application/json; charset=utf-8",

                    dataType: "json",

                    success: function (data) {

                        //插入前先清空ul                          

                        //递归获取数据                          

                        $(data.d).each(function () {

                            //插入结果到li里面                              

                           alert(sfxxfbtList);

                        });

                        alert(data.d);

                    },

                    error: function (err) {

                        alert(1122);

                    }

                });

 

   }  

</script>

</head>

 

<body onload="queryNews()">

 

<div id="main">

  <div id="loader"></div>

  <div id="module_list">

   <input type="hidden" id="orderlist" value="11" />

    

   <div class="modules" title="测试1">

      <h3 class="m_title">123456</h3>

      <p>111111</p>

   </div>

   

   <div class="modules" title="测试2">

      <h3 class="m_title">654321</h3>

      <p>222222</p>

   </div>

    

   <div class="clear"></div>

  </div>

</div>

</body>

</html>

你可能感兴趣的:(jquery)