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

最新推荐文章于 2024-10-08 10:13:19 发布

weixin_34107739

最新推荐文章于 2024-10-08 10:13:19 发布

阅读量200

点赞数

文章标签： ui javascript ViewUI

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>

如果需要使用图标等，还需要加入以下代码

<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<link rel="stylesheet" href="/resources/demos/style.css">

weixin_34107739

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫