(1) jQuery是一个js库,主要提供的功能是选择器,属性修改和事件绑定等等。
(2) jQuery UI则是在jQuery的基础上,利用jQuery的扩展性,设计的插件。提供了一些常用的界面元素,诸如对话框、拖动行为、改变大小行为等等。
(3) jQuery本身注重于后台,没有漂亮的界面,而jQuery UI则补充了前者的不足,他提供了华丽的展示界面,使人更容易接受。既有强大的后台,又有华丽的前台。jQuery UI是jQuery插件,只不过专指由jQuery官方维护的UI方向的插件。
到下面的地址下载一份完整的jqueryui开发包zip文件,然后解压缩后,里面的development-bundle\ui目录下就会看到所有的jquery.ui.*.js文件,其中就有你说的 jquery.ui.position.js和jquery.ui.dialog.js文件。
一般开发的时候,把下面的js文件引入就可以了。
<script type="text/javascript" src="ui/jquery.ui.core.js"></script>
<script type="text/javascript" src="ui/jquery.ui.widget.js"></script>
<script type="text/javascript" src="ui/jquery.ui.mouse.js"></script>
<script type="text/javascript" src="ui/jquery.ui.button.js"></script>
<script type="text/javascript" src="ui/jquery.ui.draggable.js"></script>
<script type="text/javascript" src="ui/jquery.ui.position.js"></script>
<script type="text/javascript" src="ui/jquery.ui.dialog.js"></script>
<p><iframe id="listStatisType" width="100%" frameborder="0" src="" scrolling="no"></iframe>
</p>
</div>
</div>
<script type="text/javascript" src="<%=path%>/js/layer-v1.8.5/layer/layer.min.js"></script>
<script type="text/javascript" src="<%=path%>/js/jquery-ui.js"></script>
<script type="text/javascript">
var index = 0
$(function() {
//判断激活哪个标签
if($('#index').val()){
index = parseInt($('#index').val())
}
//设置为激活状态
var tabs = $("#tabs").tabs({active:index})