jquery resizable不能在aspx页面中工作

时间:2014-11-11 21:49:00

标签: javascript jquery asp.net

我无法弄清楚为什么这不起作用。现在已经坚持了一段时间。感谢所有的帮助,提前谢谢。

这是我的aspx页面:

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular.min.js"></script>  
    <script type="text/javascript" src="Scripts/ui-bootstrap-tpls-0.11.2.min.js"></script>
    <script src="http://code.jquery.com/ui/1.11.0/jquery-ui.js"></script>
    <script src="//cdn.ckeditor.com/4.4.5.1/standard/ckeditor.js"></script>
    <script type="text/javascript" src="Scripts/ng-ckeditor.min.js"></script>
    <script type="text/javascript" src="Scripts/Summaries.js"></script>
    <link rel="stylesheet" href="Styles/ng-ckeditor.css">
    <link rel="stylesheet" href="Styles/Summaries.css">
    <link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">

</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">

            <div class="ui-widget-content" id="try" style="width: 100px; height: 100px; background-color: #f00;"></div>

的javascript:

$(document).ready(
    function () {
        $("#try").resizable({
            maxHeight: 1200
        });
    }
    )

1 个答案:

答案 0 :(得分:0)

jQuery UI依赖于jQuery。判断你的代码,你只包括jQuery UI。

添加

<script src="https://code.jquery.com/jquery-1.11.1.min.js"></script>

到您的脚本。

按原样检查您的控制台,您应该看到jQuery is not defined