Javascript SAPUI5和JQuery可拖动-拒绝混合_Javascript_Jquery_Sapui5

Javascript SAPUI5和JQuery可拖动-拒绝混合

javascript jquery sapui5

Javascript SAPUI5和JQuery可拖动-拒绝混合,javascript,jquery,sapui5,Javascript,Jquery,Sapui5,我正在尝试使用SapUI5和JQuery$（“#draggable”）.draggable（）函数在我的html页面上拖动一些div 问题是-它们相互干扰-SAPUI5库还有一个名为draggable的变量（我想使用JQuery draggable（）函数）结果我得到了未捕获的TypeError:$（…）。draggable不是一个函数（…）如何解决？我的代码在下面。。它模拟问题。请注意，一旦我删除SAPUI5的脚本标记，它就可以正常工作，我可以拖动div 提前谢谢 jQuery UI可

我正在尝试使用SapUI5和JQuery

$（“#draggable”）.draggable（）函数在我的html页面上拖动一些div
问题是-它们相互干扰-SAPUI5库还有一个名为draggable的变量（我想使用JQuery draggable（）函数）
结果我得到了未捕获的TypeError:$（…）。draggable不是一个函数（…）

如何解决？我的代码在下面。。它模拟问题。请注意，一旦我删除SAPUI5的脚本标记，它就可以正常工作，我可以拖动div
提前谢谢


jQuery UI可拖动-默认功能
#可拖动{宽度：150px；高度：150px；填充：0.5em；边框：1px；}
$（函数（）{
$（“#可拖动”）.draggable（）；
} );
把我拖来拖去
您应该移动底部的Jquery脚本
<!doctype html>
<html lang="en">
<head>

    <title>jQuery UI Draggable - Default functionality</title>
    <style>
        #draggable { width: 150px; height: 150px; padding: 0.5em; border:1px; }
    </style>




    <script id='sap-ui-bootstrap'
            type='text/javascript'
            src='https://sapui5.hana.ondemand.com/1.38.10/resources/sap-ui-core.js'
            data-sap-ui-libs="sap.ui.commons,sap.ui.table,sap.m,sap.ui.ux3"
            data-sap-ui-theme="sap_bluecrystal"
    >
    </script>

    <script>
        $(function() {
            $("#draggable").draggable();
        } );
    </script>
</head>
<body>

<div id="draggable">
    <p>Drag me around</p>
</div>


    <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
</body>
</html>


jQuery UI可拖动-默认功能
#可拖动{宽度：150px；高度：150px；填充：0.5em；边框：1px；}
$（函数（）{
$（“#可拖动”）.draggable（）；
} );
把我拖来拖去
其他选项是导入第三方库
<script>
    $.sap.require('sap.ui.thirdparty.jqueryui.jquery-ui-core');
    $.sap.require('sap.ui.thirdparty.jqueryui.jquery-ui-widget');
    $.sap.require('sap.ui.thirdparty.jqueryui.jquery-ui-mouse');
    $.sap.require('sap.ui.thirdparty.jqueryui.jquery-ui-draggable');

      $(function() {
        $("#draggable").draggable();
    } );
</script>


$.sap.require（'sap.ui.thirdparty.jqueryui.jqueryui-core'）；
$.sap.require（'sap.ui.thirdparty.jqueryui.jqueryui小部件'）；
$.sap.require（'sap.ui.thirdparty.jqueryui.jqueryui鼠标'）；
$.sap.require（'sap.ui.thirdparty.jqueryui.jqueryui-draggable'）；
$（函数（）{
$（“#可拖动”）.draggable（）；
} );

您可以将这些调用封装在一个函数中，使其不那么难看=）
查看我的答案