caicailove29
2015-10-20 03:45
采纳率: 20%
浏览 1.6k

jQuery UI怎样怎样正确使用

各位大神,求助
初次接触jQuery UI,不知道怎样能够应用到自己的页面中。我在http://jqueryui.com/themeroller/中下载了一个主题,下载后的文件解压如下图:
解压后所有的文件

我在自己的页面中引用如下,

 <head>
    <title></title>
    <link href="jquery-ui.css" rel="stylesheet" type="text/css" />
    <style>
              #gragdiv
          {
          width:100px;
        height:100px;
        background-color:#eeffee;
        border:1px solid black;
        padding:5px;

        }
    </style>
    <script src="js/jquery-ui.js" type="text/javascript"></script>
    <script src="js/jQuery.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () { $("#gragdiv").draggable(); })
    </script>
</head>
<body>
<div id=gragdiv>drag this element around the page</div>

</body>
</html>

是为了学习jQuery UI的基本交互功能,但是不能够实现。
    我应该怎样做,或者是要引用那些脚本才能够使用jQuery UI 这个库。
  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

4条回答 默认 最新

  • 已采纳

    类库导入顺序反了,要先导入jquery,再试jquery.ui,jquery.ui依赖jquery

         <script src="js/jQuery.js" type="text/javascript"></script>
        <script src="js/jquery-ui.js" type="text/javascript"></script>
    
    点赞 打赏 评论
  • caicailove29 2015-10-20 03:47




    <br> #gragdiv<br> {<br> width:100px;<br> height:100px;<br> background-color:#eeffee;<br> border:1px solid black;<br> padding:5px;</p> <pre><code> } &lt;/style&gt; &lt;script src=&quot;js/jquery-ui.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt; &lt;script src=&quot;js/jQuery.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt; &lt;script type=&quot;text/javascript&quot;&gt; $(function () { $(&quot;#gragdiv&quot;).draggable(); }) &lt;/script&gt; </code></pre> <p></head><br> <body></p> <div id=gragdiv>drag this element around the page</div> <p></body><br> </html><br> 完整的代码是这个样子的,上面有些乱码。。。。。<br> 求解答。。。。。</p>
    点赞 打赏 评论
  • caicailove29 2015-10-20 03:48

    图片说明

    点赞 打赏 评论
  • blownewbee 2015-10-20 03:48

    在调试的时候,引用jquery.ui,在正式发布的时候用jquery-ui.min。
    官网上有例子。

    点赞 打赏 评论

相关推荐 更多相似问题