码迷,mamicode.com
首页 > Web开发 > 详细

jquery------导入jquery UI要使用的文件

时间:2016-05-02 11:54:09      阅读:1629      评论:0      收藏:0      [点我收藏+]

标签:

JQuery版本下载地址:http://jquery.com/download/

JQuer UI两个主要下载地址:http://jqueryui.com/download/  只需要里面的jquery-ui.min.css和jquery-ui.min.js文件

 

导入文件到WebRoot/js

技术分享

 

在WebRoot/jquery/other.jsp里面添加导入代码

<html>
<head lang="en">
    <meta charset="utf-8">
    <title></title>
    <script src="../js/jquery-1.12.3.min.js"></script>
    <script src="../js/jquery-ui.min.js"></script>
    <link type="text/css" href="../js/jquery-ui.min.css" rel="stylesheet">
    <script type="text/javascript">
    $(document).ready(function(){
        $( "#date" ).datepicker();
    });
    
    $(function() {
    $( "#dialog" ).dialog();
  
    $("#div").draggable();
  });    
  
    
    </script>
</head>
<body>    
    <div style="width:200px;height:200px;border:1px solid gray;" id="div"></div>
    <input type="text" name="date" id="date" />
    
    <div id="dialog" title="我好想你">
  <p>好爱你哦</p>
</div>
</body>
</html>

 

jquery------导入jquery UI要使用的文件

标签:

原文地址:http://www.cnblogs.com/tianhengblogs/p/5452077.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!