Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Php JQuery可调整大小的实现不工作_Php_Jquery_Html_Jsp - Fatal编程技术网

Php JQuery可调整大小的实现不工作

Php JQuery可调整大小的实现不工作,php,jquery,html,jsp,Php,Jquery,Html,Jsp,我正在尝试实现JQueryUI可调整大小。下面是我的初步演示,稍后我将在实际代码中实现它。请帮我解决它。它不起作用了 <head> <link rel="stylesheet" href="http://code.jquery.com/ui/1.8.20/themes/base/jquery-ui.css" type="text/css" media="all" /> <script type="text/javascript" src="http://code.j

我正在尝试实现JQueryUI可调整大小。下面是我的初步演示,稍后我将在实际代码中实现它。请帮我解决它。它不起作用了

<head>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.8.20/themes/base/jquery-ui.css" type="text/css" media="all" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<style>
    #resizable { width: 150px; height: 150px; padding: 0.5em; }
    #resizable h3 { text-align: center; margin: 0; }
    .ui-resizable-helper { border: 1px dotted gray; }
</style>
<script>
    $(function() {
        //var a = $("#resizable").html();
        //alert(a);
        $("#resizable").resizable();
    });
</script>
</head>
<body>

<div id="demo-frame">
    <meta charset="utf-8">

    <div class="demo">  
        <div class="ui-widget-content ui-resizable" id="resizable">
            <h3 class="ui-widget-header">Resizable</h3>
            <div class="ui-resizable-handle ui-resizable-e" style="z-index: 1000;"></div>
            <div class="ui-resizable-handle ui-resizable-s" style="z-index: 1000;"></div>
            <div class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se" style="z-index: 1000;"></div>
        </div>
    </div>
</div>


</body>

这是你的div里面的div引起了一个问题。我在这个JSFIDLE上对它们进行了评论,它似乎工作得很好

是您的div中的div引起了问题。我在这个JSFIDLE上对它们进行了评论,它似乎工作得很好

可调整大小的方法来自jQuery UI API。 而且您的html页面中没有包含jQueryUI。 请下载它或获取指向此文件的链接,并像对待jQuery标记一样包含它。

可调整大小的方法来自jQuery UI API。 而且您的html页面中没有包含jQueryUI。
去下载它或抓取一个指向此文件的链接,并像对待jQuery标记一样包含它。

标题部分中的链接标记是否正确连接了jQuery?当你发出警报时发生了什么?那个评论警报给了我标签中的html内容。。。所以我认为链接是可以的。好的,你确定当你要使用的时候html模式需要在那里吗。可调整大小。我的意思是,几天前我使用了.accordion,我发现我必须以这种方式提供html。accordion expectsCan请将整个代码复制粘贴到您端的一个html文件中?我正在尝试用JSFIDLE调试这段代码。头部部分中的链接标记是否正确连接了jquery?当你发出警报时发生了什么?那个评论警报给了我标签中的html内容。。。所以我认为链接是可以的。好的,你确定当你要使用的时候html模式需要在那里吗。可调整大小。我的意思是,几天前我使用了.accordion,我发现我必须以这种方式提供html。accordion expectsCan请将整个代码复制粘贴到您端的一个html文件中?我正在尝试用JSFIDLE调试这段代码。它垂直调整大小,如何水平调整大小,我不知道,要求练习pupose,无论如何你的回答是正确的。不,你没有。但是我发现更好的方法是将我在jQuery的主题生成器中生成的样式包含在这些样式中,然后在随后添加的单独文件中覆盖我想要更改的样式。当他们已经为你构建了一系列样式时,可以节省大量的工作。它是垂直调整大小,如何水平调整大小,我不知道,要求练习pupose,无论如何,你的回答是正确的。不,你没有。但是我发现更好的方法是将我在jQuery的主题生成器中生成的样式包含在这些样式中,然后在随后添加的单独文件中覆盖我想要更改的样式。当他们已经为你构建了一系列样式时,可以节省大量工作。好的。。。我得到了它。非常感谢@JBRTRND DEVOk。。。我得到了它。非常感谢@JBRTRND-DEV