如何使可调整大小的div与跨浏览器兼容

时间:2013-11-27 17:28:13

标签: javascript jquery html css css3

Here

是jquery UI的示例,Here是使用css3完成的示例。问题是css3不适用于任何版本的ie,我希望使用旧版本的jQuery UI -1.7.2,我找不到。我正在使用旧版本,因为我们仍然支持老化的浏览器:IE 8,9(最近最终掉了7个)。

我想知道是否有其他可用的解决方案。

不确定什么不起作用

<html>
<head>
<title>resize</title>
<style>

#resizable { height: 250px; margin: 1em auto; width: 250px; }
h3 { text-align: center; }
</style>


    <script src="code/ui/jquery.ui.core.js"></script>
<script src="code/ui/jquery.ui.widget.js"></script>
<script src="code/ui/jquery.ui.mouse.js"></script>
<script src="code/ui/jquery.ui.resizable.js"></script>
<link rel="stylesheet" href="code/demos.css">
<script type="text/javascript" src="code/jquery-1.7.2.min.js"></script>
    <script>
$(document).ready(function(){
$("#resizable").resizable();
//alert("HODOR");
 });

</script>



</head>
<body>
<div id="resizable" class="ui-widget-content">
     <h3 class="ui-widget-header">This is a resizeable window</h3>
</div>
</body>

</html>

0 个答案:

没有答案