Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jquery-ui/2.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
Jquery ui jQuery ui会触发调整大小事件,但不会';t更改div';s宽度_Jquery Ui_Durandal_Jquery Ui Resizable - Fatal编程技术网

Jquery ui jQuery ui会触发调整大小事件,但不会';t更改div';s宽度

Jquery ui jQuery ui会触发调整大小事件,但不会';t更改div';s宽度,jquery-ui,durandal,jquery-ui-resizable,Jquery Ui,Durandal,Jquery Ui Resizable,我有以下看法: <aside id="key-panel" class="ui-widget-content"> <h3 class="ui-widget-header">Resizable</h3> </aside> 当尝试调整容器大小时,我可以看到鼠标光标被更改,以及resize事件被触发;但是,实际的容器不会更改其大小。 下面是由durandal和jquery ui创建的Html <div class="durandal-wra

我有以下看法:

<aside id="key-panel" class="ui-widget-content">
   <h3 class="ui-widget-header">Resizable</h3>
</aside>
当尝试调整容器大小时,我可以看到鼠标光标被更改,以及resize事件被触发;但是,实际的容器不会更改其大小。 下面是由durandal和jquery ui创建的Html

<div class="durandal-wrapper" data-view="views/keyPanel" data-active-view="true">
    <aside id="key-panel" class="ui-widget-content ui-resizable ui-draggable"style="position: absolute; top: 80px; left: auto;">
    <h3 class="ui-widget-header">Resizable</h3>
    <div class="ui-resizable-handle ui-resizable-w" style="z-index: 90;"></div></aside>
</div>

可调整大小
我注意到aside元素在style属性中没有width属性


有人知道我做错了什么吗。我试图使容器可拖动,但它成功了,只有可调整大小的功能没有起到任何作用

我不确定您的问题,但我建议您在所有视图中添加一个div。我不知道为什么,但在构图过程中有些风格发生了变化。也许,在模板中添加一个额外的div可以解决您的问题

<div>
 <aside id="key-panel" class="ui-widget-content">
    <h3 class="ui-widget-header">Resizable</h3>
 </aside>
</div>

可调整大小

我希望这会对您有所帮助。

不幸的是,它没有起到作用。我还是不能调整尺寸。无论如何谢谢你
<div>
 <aside id="key-panel" class="ui-widget-content">
    <h3 class="ui-widget-header">Resizable</h3>
 </aside>
</div>