javascript - jQuery UI 布局是否与 jQuery 3.3.1 不兼容?

标签 javascript jquery

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 布局中的问题?

最佳答案

到这里下载 27/01/2018 uiLayout 1.6 的最新版本,这与刚刚测试过的 jquery 3.2 一起工作。 我还需要 jquery 3 的兼容版本,这是完美的。 再见

https://github.com/GedMarc/layout

关于javascript - jQuery UI 布局是否与 jQuery 3.3.1 不兼容?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48800885/

相关文章:

javascript - jqGrid 内联导航器未初始化

Javascript 被转换为汉字

javascript - 将函数引用传递给单独的 Javascript 文件以进行回调

javascript - Pepper:在 Web 应用程序中检索内存变量

javascript - Jest 类型错误 : fetch is not a function

javascript - jQuery 的命名空间如何工作?

javascript - 我如何在 nodejs 中为 zeromq 设置套接字选项

javascript - 如何实现jQuery Ajax调用的Kendo进度条?

jquery - 按纵横比调整图像大小

javascript - bootstrap 按钮无法与 jquery 插件一起使用