我正在用asp.net做一个web应用程序。在我的aspx页面中，我附带了一个代码片段。请检查一下。
<div id="lblName" class="name">
<label id="lbltextName">Name</label>
<div id="resizeName">
<div class="ui-resizable-handle ui-resizable-nw"></div>
<div
浏览 5提问于2014-02-25得票数 2
回答已采纳
我的问题与类似，不同的是我需要更新所有更新ui-resizable-handle。我制作了来重现这个问题。
<div id='elementResizable'>
<h1>Full Nameeeeeeeeeee</h1>
Title
<div class="ui-resizable-handle ui-resizable-nw" id="nwgrip"></div>
<div class="ui-resizable-handle ui-res
浏览 4提问于2017-03-24得票数 0
1回答
问题是，当我试图拖动一个旋转的元素时，它会弹起……我找不到元素上发生了什么。
如果元素没有旋转，它会正确移动。我也在draggable上使用了'cursorAt‘属性，但我仍然找不到问题所在。
这是我的代码
$(function(){
$('.obj-rect').resizable({
handles:{
'n': '.ui-resizable-n',
'e': '.ui-resizable-e',
浏览 18提问于2019-11-21得票数 0
我一直在使用jQuery 1.11.4，在容器中使用可调整大小的div时遇到了问题。当可调整大小的div相邻于包含div的底部或右侧时，则调整大小无效。这里有一个小提琴手演示：
<div class="container">
<div class="box">
<div class="ui-resizable-handle ui-resizable-n"></div>
<div class="ui-resizable-handle ui-resizable-e">
浏览 3提问于2015-08-23得票数 3
回答已采纳
1回答
嗨，我现在正在使用来自的这个小型化插件来调用插件
$('#em_1').rotatable();
这是我的html代码
<div class="draggable paragraph ui-draggable ui-resizable active resizableborder "id="em_1">
asdasd123123
<div class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se act
浏览 1提问于2014-04-25得票数 0
回答已采纳
我可以选择调整portlet的大小。对于火狐来说，它工作得很好，但对于IE8，它就不能工作了。
CSS代码：
.ui-resizable {
position: relative;
}
.ui-resizable-handle {
background: transparent url() no-repeat 50% 50%;
display: none;
font-size: 0.1px;
position: absolute;
}
.ui-resizable .ui-resizable-handle {
display: block;
}
.js .ui-res
浏览 0提问于2011-06-27得票数 0
回答已采纳
1回答
在编辑表格单元格时，用户可以选择整个单元格并删除内容，因此删除了处理程序以拉伸单元格的大小(UI可调整大小)。如何阻止对这些支持要素的破坏？
在本例中，每个单元格中的.ui- cell handle。必须防止它们被移除
<table>
<caption>table title</caption>
<thead>
<tr>
<th>header</th>
</tr>
</thead>
<tbody>
<tr>
浏览 2提问于2015-09-11得票数 0
2回答
我试图将一段代码应用于多个div：
$('.elementResizable').resizable({
handles: {
'nw': '#nwgrip',
'sw': '#swgrip',
'se': '#segrip',
浏览 1提问于2014-12-16得票数 0
回答已采纳
我有以下问题:我需要使我的div可调整大小，但它需要位于页面的右下角。当我使用jquery可调整大小的函数和位置:绝对时，div会跳来跳去……
代码：
$('#resizable').resizable({
handles: {
'nw': '#nwgrip',
'n': '#ngrip',
'w': '#wgrip'
}
});
<div id='resizable'>
<div id='co
浏览 0提问于2015-05-12得票数 0
1回答
我有一个指令，它是使用类设置的，因为大多数属性都与该类相关。
类是resizable-sideways或resizable-updown。
现在，该指令名为resizable，然后查找resizable-sideways或resizable-updown的元素类名。
有什么方法可以改变吗？
angular.module('resizable',function()...
并让它与
angular.module('resizable-sideways'||'resizable-updown',function()...
浏览 0提问于2014-01-15得票数 1
3回答
我正在尝试阅读和列出td中基于数据属性的文本和漂亮汤。
tr=BeautifulSoup(str(input),'lxml')
tags=tr.findAll('td')
for t in tags:
if t.attrs['data-property']== 'OSVersion':
ver=t.text
这给了我错误，没有细节。
KeyError: 'data-property'
请参阅下面作为示例提取的tr作为
浏览 6提问于2017-08-02得票数 2
回答已采纳
3回答
当我尝试销毁可调整大小的div时，.ui- resizable se上的悬停函数不起作用。我想我必须使用jquery live()。但是我不能清楚地整合它。
如果页面加载时悬停在.ui-resizable-se或.ui-resizable-e上，函数将起作用，但如果再次悬停，则不会发生任何事情。我该如何克服这个问题呢？
$('#resizable').resizable({
aspectRatio:false
});
$('.ui-resizable-se').hover(function(){
keep("resizable
浏览 0提问于2013-08-03得票数 0
1回答
可调整大小的内容可编辑的外部句柄
、、、、
我有一个可编辑的文本块，我希望它可以调整大小。如果我将句柄放在其中，除了该元素是可编辑的，并且用户可以在编辑它时删除句柄之外，所有的操作都是完美的：
<div id="drag-area">
<div id="text-block" class="lighter-heading hidden text-block">
<div class="editable-text" contenteditable>
Editable block
浏览 2提问于2013-05-22得票数 1
1回答
我正在尝试附加处理程序来调整$('oWrapper_'+num)的大小。但它不会调整尺寸。如果这个问题是因为处理程序附加到了错误的div上，我不是这样认为的？
我需要的是能够将处理程序附加到$('oWrapper_'+num)，并能够使用处理程序调整大小。
num++
var cloudWrap = $('<div />', { id: 'cloudWrap_'+num}),
outerWrap = $('<div />').appendTo(cloudWra
浏览 1提问于2015-03-03得票数 0
回答已采纳
3回答
从变量中删除一些类标记，而不是从HTML元素中删除。
我不知道如何简短地描述它，所以请看我的例子
HTML：
<div id="test" class="layout ui-resizable ui-droppable">
<div class="ui-resizable-handle ui-resizable-e"></div>
<div class="ui-resizable-handle ui-resizable-s"></div>
<
浏览 8提问于2017-10-24得票数 2
回答已采纳
1回答
看这个。
我正在尝试附加处理程序来调整$('oWrapper_'+num)的大小。但它不会调整尺寸。原因是在执行时还没有将$('#oWrapper_'+num)添加到dom中，所以选择器不会返回任何元素。
如何调整$('oWrapper_'+num)的大小而不是调整cloudWrap的大小
num++
var cloudWrap = $('<div />', { id: 'cloudWrap_'+num}),
outerWrap = $('<div />
浏览 6提问于2015-03-03得票数 0
回答已采纳
我有两个类，理想情况下它们的inits和deinits中都有代码，例如：
class Tappable {
init() { Registry.register(tappable: self) }
deinit { Registry.deregister(tappable: self) }
}
class Resizable {
init() { Registry.register(resizable: self) }
deinit { Registry.deregister(resizable: self) }
}
理想情况下，我将从两者继承，例如：
clas
浏览 1提问于2016-08-10得票数 1
1回答
我通过管理仪表板将一些resizable和draggable div标记存储在我的数据库中，并将它们输出到我的主网站上。但问题是，resizable不工作，但我设法使draggable工作。
这里是我的DOM来自数据库：
<div data-type="input" data-card="serial_no" data-title="Serial No" class="card-data card-text card-content serial_no serial_no_content ui-draggable ui-dragga
浏览 0提问于2018-03-14得票数 1
所以，我有我的ui-grid的列定义。
columnDefs: [
{ name: 'Usr#', field: 'userNum', width: '*', resizable: true},
{ name: 'Name', field: 'userName', width: '*', resizable: true},
{ name: 'PID', field: 'userPID&#
浏览 1提问于2015-02-21得票数 3
回答已采纳
下面是我的表的屏幕截图，其中两个td被jquery()函数调整为可调整大小。我使用了jQuery1.10.2和Jquery 1.10.2。现在Chrome的边框很好，但在IE或Mozilla上没有显示
Chrome ScreenShot：
Mozilla或IE ScreenShot：
这两个表的代码如下：
<table style="background-color: rgb(255, 255, 255); border-width: 2px; border-style: solid; border-color: rgb(0, 41, 135); position:
浏览 0提问于2015-02-04得票数 0
回答已采纳
1回答
按类删除div的所有子级
、、、
我的div中有一些元素，如图像、文本和div，每次运行脚本时都会追加这些元素。我需要从我的主div中删除所有具有类“ui-resizable句柄”的子div。
这是我的Html：
<div class="draggableTemplate ui-draggable ui-draggable-handle ui-resizable">
Some Text ...
<div class="ui-resizable-handle ui-resizable-sw" ></div>
<
浏览 4提问于2016-07-12得票数 7
回答已采纳
这可以做到吗？我正在构建一个模板生成器，在预览窗口中包含可调整大小和可拖动的元素。问题是，当我要生成HTML时，每个元素都添加了所有的JQueryUI类和div，这在最终产品中是不可取的。我希望输出的HTML足够简单，我可以放大位置和大小，这样它就可以成为自己的页面，但是我找不到一种方法来尽可能地保持预览窗口的可定制性，同时仍然可以从其中获得干净的HTML。以前有人做过这样的事情吗？有什么想法？想法？提前谢谢。
编辑:换句话说，我想以某种方式处理这个html：
<div id="preview_title" value="Title" class="
浏览 3提问于2010-08-04得票数 0
回答已采纳
2回答
我正在尝试实现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.jque
浏览 1提问于2012-05-23得票数 2
回答已采纳
我正在尝试将Jeditable与jQuery UI可调整大小相结合。我就差这么一点了，除了Jeditable似乎用可调整大小的功能做了一些有趣的事情。
下面代码的问题是调用resizable的销毁函数时出现错误(见下文)。我查过了，班级还在。一开始我没有包含resizable的销毁，但是没有销毁它并重新初始化它，在第一次编辑(或取消)后，重新调整大小不再起作用。出现此错误时，取消将不再起作用(即，它将保留编辑)。
Error: cannot call methods on resizable prior to initialization; attempted to call method &
浏览 0提问于2013-11-20得票数 0
小提琴-
我正在使用JQuery UI构建一个实验性的网站设计师。
元素通过这样的拖放方式添加到画布上.
$('.navbar *').draggable({
// use a helper-clone that is append to 'body' so is not 'contained' by a pane
helper: function() {
return $(this).clone().appendTo('.canvas').css({
'zIndex': 5
浏览 2提问于2014-03-31得票数 1
回答已采纳
在这个中，我有一个带有句柄的jQuery UI可调整大小的矩形。问题是，当我调整rect的大小时，有时手柄不会停留在中间，在下面的图片中可以看到，将手柄分隔成75%而不是50%。为什么会发生这种情况，以及如何解决？
#elementResizable {
border: 1px solid #000000;
width: 300px;
height: 40px;
}
#nwgrip, #negrip, #swgrip, #segrip, #ngrip, #egrip, #sgrip, #wgrip {
width: 6px;
height:
浏览 2提问于2020-06-01得票数 0
回答已采纳
4回答
我有一个div板，它从数据库中加载可拖动和可调整大小的内容。
我使用这个代码来请求代码。
$MBId = $_GET['id'];///the id I get from the URL
if ($MBId != null)
{
$sqlmoodboard= "SELECT Content FROM Moodboards WHERE Id ='$MBId' ";
$result = mysql_query("$sqlmoodboard ");
while($row = mysql_fetch_array
浏览 4提问于2013-04-18得票数 1
1回答
嗨，我对<div id="blue">元素使用jqueryui/resizable，该元素包含带有一些内部html文本内容的子<div id="red">。蓝色是$(".resizable").resizable();，如果我调整蓝色的大小小于红色的内容，我希望滚动条出现。
问题是，由于类.ui-resizable-s .ui-resizable-e，滚动条总是可见的。
看看这个JSFiddle
如果我现在隐藏了JSFiddle中的水平和垂直句柄，它就能工作(只有在需要时，才会出现溢出滚动条。
如果我查看DOM树，我就能
浏览 6提问于2016-07-28得票数 1
回答已采纳
我有jQuery UI可拖动和可调整大小的工作。我正在使用按钮onClick函数在另一个div (#画布)中创建div。可拖式工作在我静态添加的div上，但它不适用于添加了onClick函数的div。知道为什么吗？
JS
// Draw rectangle
function drawRect(){
var rectangle = document.createElement('div');
rectangle.className = 'rectangle ui-draggable ui-resizable ui-selectable';
浏览 0提问于2013-10-27得票数 1
回答已采纳
在我的Flex应用程序中，DataGrid中有16列。前15个看起来很好，列中只包含文本，但最后一个有很多额外的空间。从本质上讲，这些列的大小足以容纳前15列，所有这些额外的空间都被添加到第16列上。
如何在每一列上均匀地分配空间？
<mx:DataGrid x="127" y="9" id="view"
dataProvider = "{currentBuffer}" width="497" height="480">
<mx:c
浏览 0提问于2010-07-15得票数 1
2回答
嵌套可调整大小的元素
、、、
我为嵌套的div使用了jQuery UI的可调整大小，如下所示：
<div id="resizable1">
<div id="resizable2">
</div>
</div>
我遇到了一个问题，禁用resizable 1也会禁用resizable 2。所以，如果我调用以下代码...
$("#resizable1").resizable("disable");
我也不能再调整resizable2的大小了。
有没有其他人遇到过这种情况，并知道解决这种行为的方法？
谢谢,
浏览 2提问于2010-05-04得票数 0
我需要为jQuery UI可调整大小的元素提供自定义句柄，这些元素不是该元素的子元素。我试着按照在上记录的方式来做，但是我无法让它起作用，而且我的想法也不多了，为什么。
这是我的示例设置(不起作用)：
<div id="wrapper">
<div id="resize-me"></div>
</div>
<div class="ui-resizable-handle ui-resizable-n" id="n-resize-handle"></div>
浏览 0提问于2013-08-06得票数 10
回答已采纳
2回答
我一直在尝试将Extjs中可调整大小的手柄替换为当前的CSS类，特别是用于弹出窗口的手柄。我正在试着改变它的颜色，但它似乎不起作用。下面是我的css代码
.linkWindow .x-toolbar-footer,
.x-resizable-handle, .x-resizable-handle-west, .x-resizable-handle-east, .x-resizable- handle-south, .x-resizable-handle-over .x-resizable-handle-east, .x-resizable-handle-over .x-resizable-h
浏览 2提问于2012-10-13得票数 0
1回答
我正在研究一个调度窗口小部件的概念。基本思想是一周中的每一天都有一行DIVs。每一行都有固定数量的时间周期，由DIVs表示。我希望能够通过拖动左手边的手柄来调整每个DIV的大小。最左侧的DIV不能拖动，但它会根据右侧DIV的大小调整大小。这将沿行向下继续，即当调整右侧DIV的大小时，左侧的DIV将自动调整大小。我在jQuery UI中使用了可调整大小的小部件来实现基本的调整大小功能。
我已经准备了一个示例小提琴，地址是：
由于某些原因，每个DIV左侧的可拖动手柄(第一个除外)不会像我预期的那样移动。
每个DIV内的Fontawesome图标(第一个除外)，我想用作调整大小手柄的图标也没有显示。
浏览 0提问于2019-03-07得票数 0
这段代码运行得很完美，我可以滚动到最下面的图像：
ScrollView {
Image("MountainWelcomBackground").resizable().frame(height: 300)
Image("MountainWelcomBackground").resizable().frame(height: 300)
Image("MountainWelcomBackground").resizable().frame(heigh
浏览 22提问于2020-05-26得票数 1
回答已采纳
1回答
我试图使用网格布局构建一个可调整大小的表(即:列和行必须是可调整大小的)。我希望根据最大单元格内容自动调整初始列的大小，就像传统表中的情况一样。我尝试了不同的方法来设置网格模板列参数，但没有一个能正常工作:在某些情况下，相同列的单元格在其他列中没有相同的大小，-列具有相同的大小。也许网格模板列并不是唯一需要考虑的参数。有人能给我任何解决办法的建议吗？下面是我的表的一个简单示例：
.resizable_table {
display:inline-grid;
grid-template-columns:auto;
}
.thead {
background-color:#e6e6ff;
浏览 1提问于2018-09-28得票数 0
<div class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-draggable ui-resizable" style="display: block; z-index: 1002; outline: 0px none; position: absolute; height: auto; width: 500px; top: 156px; left: 706px;" tabindex="-1" role="dialog" aria-labelledby
浏览 0提问于2015-07-30得票数 0
在下面的示例中，如何设置不允许左拖动到无宽度的最小宽度？
const App = () => {
const [initialPos, setInitialPos] = React.useState(null);
const [initialSize, setInitialSize] = React.useState(null);
const initial = (e) => {
let resizable = document.getElementById('Resizable');
浏览 4提问于2022-02-07得票数 1
1回答
我试着用'JQuery UI'：做一个像这样的拆分器
HTML
<div class="wrap">
<div class="resizable resizable1"></div>
<div class="resizable resizable2"></div>
</div>
联署材料：
$(function () {
$(".resizable1").resizable({
handles: '
浏览 2提问于2014-08-21得票数 0
回答已采纳
1回答
我目前有以下HTML...
<div id="tabs-1" class="tabs-1 ui-tabs-panel ui-widget-content ui-corner-bottom ui-droppable" aria-labelledby="layoutName" role="tabpanel" aria-expanded="true" aria-hidden="false" style="z-index: auto;">
<div id="
浏览 3提问于2012-11-23得票数 4
回答已采纳
我正在创建活的html元素，并将它们附加到窗口。
我的问题是我不能在它们上使用jquery ui。我尝试过deffer方法，但它不能很好地工作。
我要完成的工作是克隆最后一个div，将其添加到container中，并将其设置为resizable
下面是一些代码
<div id="container" class="ui-widget-content">
<h3 class="ui-widget-header">Containment</h3>
<div id="" cl
浏览 1提问于2013-05-07得票数 0
回答已采纳
我正在尝试为具有自定义句柄的子元素实现jquery可调整大小。我已经使用以下代码成功地实现了该功能
<div class="container">
<div class="parent">
<div class="child"></div>
</div>
</div>
CSS
.container {
margin:40px;
}
.parent {
background: yellow;
width: 250px;
height:
浏览 3提问于2013-11-02得票数 2
$('.box').resizable({
disabled: true
});
这是CSS
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
display: none;
}
根据文档，当disabled为true时，.ui-resizable-disabled类将被添加到元素中。在我的例子中，类没有被添加，但大小调整仍然被禁用(这意味着我不能通过拖动手柄来调整大小，但当disabled为false时，我可以调整大小)。当我检查生成的超文
浏览 2提问于2012-04-12得票数 0
回答已采纳
1回答
我有.canvas类和..img bg类的图像，他们可能有<div class="recntangle">。如果有.rectangle，我想获得所有样式为左、高度为<div class="recntangle">的图像源的JSON
如果图像/<div class="canvas">没有，则省略此<div class="recntangle">。如果图像有两个或多个类，我希望获得两个具有一个源和两个样式属性的对象。
我有这样的代码
<div class="canvas&#
浏览 4提问于2014-03-14得票数 0
回答已采纳
2回答
如何关闭或取消模态对话框
、、、、
我有一个模态对话框，我需要关闭/解散后，我已经确定它的存在，并提取它的文本。当我点击按钮下载一个文件时，模式会出现，它会说：“生成调试器文件。请稍候。”这个模式一直存在，直到文件下载开始，这取决于调试器的文件大小太长。是否有方法关闭此对话框并使用从中提取的文本退出。
我使用以下代码提取文本：
downloadText = WebDriverWait(self.driver,40).until(EC.visibility_of_element_located((By.CSS_SELECTOR, "div.ui-dialog-content.ui-widgetcontent#dialog&
浏览 1提问于2019-05-31得票数 0
回答已采纳
1回答
我想使用Angular 2+使div可以垂直调整大小。它的工作原理应该是这样的:如果用户在resizer元素上按下鼠标并向上/向下移动光标，然后向上移动鼠标- div应该有适当的高度。
<div #resizable class="resizable">
<div class="resizer">RESIZE</div>
</div>
export class AppComponent {
public resizable: ElementRef;
@ViewChild('resizabl
浏览 0提问于2021-04-14得票数 0
6回答
我(目前)还不是JavaScript专家。我正在试着找出一种方法来减少行数，比如说if语句，有没有什么捷径? below...are？
function showDialog(divID)
{
var dialogDiv = $("#" + divID);
var height = 500;
var width = 400;
var resizable = false;
if (dialogDiv.attr("height") != "")
{
height = parseI
浏览 2提问于2010-04-14得票数 1
回答已采纳
我使用jQuery UI来允许我的页面元素可调整大小，但我想设置自定义句柄。我已经尝试了我认为应该有效的方法，但它没有。
基本的html是：
<div id="element_x" class="resizable">
<div id="overlay_x" class="element_buttons">
<div id="resize_element_x" class="resize_element ui-resizable-handle ui-resizabl
浏览 0提问于2011-04-16得票数 10
回答已采纳
1回答
我想根据jqGrid中的具体数据显示/隐藏jqgrid删除按钮。
$('#jqgFlagger').jqGrid('navGrid', '#jqgpFlagger',
{ add: false, del: false, edit: false, search: false },
{ width: 'auto', url: '/DtlmTransaction/UpdateRole' },
{ width: 'auto', url
浏览 0提问于2011-10-12得票数 1
回答已采纳
2回答
我正试着在4个边和4个角上放置一个jquery resiazble盒子的句柄。
我可以把它们放在4个边上，没有问题，还有上角，但出于某种原因，下角正在上演，我看不出我到底做错了什么。
底部边框有第二个边框，显示了一些其他符号，并且没有se调整大小手柄。此外，光标在整个底部边框上也是SW的
非常感谢您的帮助
下面是我的代码
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>jQuery UI Resizabl
浏览 1提问于2013-08-20得票数 4
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
