Question

jQuery UI Layout适用于较旧的jquery，但不适用于较新的jquery ......

工作示例：

<html>
<head>
    <script src="http://layout.jquery-dev.net/lib/js/jquery-1.4.2.js"></script>
    <script src="http://layout.jquery-dev.net//lib/js/jquery-ui-1.7.2.js"></script>
    <script src="http://layout.jquery-dev.net//lib/js/jquery.layout-1.2.0.js"></script>

    <script type="text/javascript">

    var myLayout;

    $(document).ready(function () {
        myLayout = $('body').layout({applyDefaultStyles: true });
     });

    </script>

</head>
<body>

<div class="ui-layout-west">west</div>
<div class="ui-layout-center">center</div>
</body>
</html>

不工作的示例 - 较新的jQuery

<html>
<head>
    <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
    <script
			  src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"
			  integrity="sha256-T0Vest3yCU7pafRw9r+settMBX6JkKN06dqBnpQ8d30="
			  crossorigin="anonymous"></script>
        <script src="https://layout.jquery-dev.net//lib/js/jquery.layout-1.2.0.js"></script>

    <script type="text/javascript">

    var myLayout;

    $(document).ready(function () {
        myLayout = $('body').layout({applyDefaultStyles: true });
     });

    </script>

</head>
<body>

<div class="ui-layout-west">west</div>
<div class="ui-layout-center">center</div>
</body>
</html>

这是jQuery中的重大变化，还是jQuery UI Layout中的问题？

Answer 1

jQuery布局库使用$.browser，在jQuery 1.9中删除，因此它只与所有以前版本的jQuery兼容，而不是新版本。

错误：

jQuery.Deferred异常：无法读取未定义的属性'msie'TypeError：无法读取未定义的属性'msie'

所以这是jQuery的一个重大变化。

jQuery UI Layout是否与jQuery 3.3.1不兼容？

1 个答案: