Javascript Jquery Resizeable无法与子类一起正常工作
由于某些原因,无法为子对象调整大小Javascript Jquery Resizeable无法与子类一起正常工作,javascript,jquery,css,jquery-ui,Javascript,Jquery,Css,Jquery Ui,由于某些原因,无法为子对象调整大小 <div class="parent"><img class="child"></div> <div class="parent"><img class="child"></div> <div class="parent"><img class="child"></div> 或 然后,只有div正在调整大小,而不是内部的图像。为什么会这样 当我使用$(
<div class="parent"><img class="child"></div>
<div class="parent"><img class="child"></div>
<div class="parent"><img class="child"></div>
或
然后,只有div正在调整大小,而不是内部的图像。为什么会这样
当我使用$(“.child”).resizeable()时也是如此代码>然后
就来了,它变成了
<div class="parent">
<div class="ui-wrapper"><img class="child ui-resizable"></div>
</div>
但这里的问题是img并没有显示,因为DisplayNone会自动出现,ui包装类的宽度和高度并没有设置或设置为0。请帮助找出问题。首先,您的选择器不正确;您缺少
前缀。其次,此
不是指.parent
元素,它指的是创建事件处理程序的范围。要解决此问题,您可以循环使用.parent
元素,并将事件分别附加到它们。试试这个:
$(".parent").each(function() {
$(this).resizable({
alsoResize: $(this).find('.child')
});
});
首先,您的选择器不正确;您缺少
前缀。其次,此
不是指.parent
元素,它指的是创建事件处理程序的范围。要解决此问题,您可以循环使用.parent
元素,并将事件分别附加到它们。试试这个:
$(".parent").each(function() {
$(this).resizable({
alsoResize: $(this).find('.child')
});
});
此
未引用.parent
元素那么我需要做什么?既然我从选择$(“.parent”)开始,为什么它不引用parent元素呢?我想在选择后,这是指父元素我为您添加了一个答案谢谢。我会检查。此
未引用.parent
元素。那么我需要做什么?既然我从选择$(“.parent”)开始,为什么它不引用parent元素呢?我想在选择后,这是指父元素我为您添加了一个答案谢谢。我会检查。alsoResize:$(this)后面不需要分号。查找('.child')。谢谢朋友。你能写下我们为什么使用每个函数的原因吗。以前,我编写代码时没有使用div resize正在工作的每个函数。这是因为您拥有的逻辑取决于了解当前.parent
的.child
元素。要做到这一点,您的代码必须在每个.parent
元素的作用域下运行,这就是为什么这里需要each()
。确定。谢谢。alsoResize:$(this)后面不需要分号。查找('.child')。谢谢朋友。你能写下我们为什么使用每个函数的原因吗。以前,我编写代码时没有使用div resize正在工作的每个函数。这是因为您拥有的逻辑取决于了解当前.parent
的.child
元素。要做到这一点,您的代码必须在每个.parent
元素的作用域下运行,这就是为什么这里需要each()
。确定。非常感谢。
$(".parent").each(function() {
$(this).resizable({
alsoResize: $(this).find('.child')
});
});