Question

我正在开发一个MVC移动Web应用程序并尝试实现一个简单的可拖动div 使用jquery。尽管付出了很多努力，但我无法让它发挥作用。

我的猜测是脚本库定义中的一个问题，但我无法解决问题。

我从代码中删除了其他html元素以便更具可读性
无法在移动浏览器或桌面上工作（仅在firefox中测试）

代码

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
   <!-- <meta http-equiv="X-UA-Compatible" content="IE=Edge" />-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>@ViewBag.Title</title>
    @Styles.Render("~/Content/css")
    @Scripts.Render("~/bundles/modernizr")
    @Scripts.Render("~/bundles/jquery")
    <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/flick/jquery-ui.css">
    <link href="~/Content/select2.css" rel="stylesheet" type="text/css">
    <script src="~/Scripts/jquery.unobtrusive-ajax.min.js"></script>
    <script src="~/Scripts/jquery.validate.min.js"></script>
    <script src="~/Scripts/jquery.validate.unobtrusive.min.js"></script>
    <script src="~/Scripts/jquery-ui-1.8.24.min.js"></script>
    <script src="~/Scripts/jquery.signalR-2.0.1.min.js"></script>
    <script src="~/Scripts/js/select2.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="~/Scripts/js/select2_locale_he.js" type="text/javascript" charset="utf-8"></script>
    <script src="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.js"></script>
    <script src="~/signalr/hubs"></script>
    <script src="~/Scripts/js/onloadscript.js" type="text/javascript"></script>
    <script src="~/Scripts/js/jquery.clearsearch.js" type="text/javascript"></script>
    <script src="~/Scripts/js/jquery.touchSwipe.min.js" type="text/javascript"></script>

    <script type="text/javascript">

        $(function () {
            $(".draggable").draggable();
        });

     </script>


</head>
<body >



            <section >
                <div id=test class="draggable" style="height:100px; width: 100px;   border:1px solid; position: absolute;"> </div>
                @RenderBody()
            </section>


    @RenderSection("scripts", required: false)

</body>

</html>

提前致谢

Jquery draggable div无法正常工作

0 个答案: