jquery 可根据属性调整大小

发布于 2024-11-19 03:38:41 字数 571 浏览 2 评论 0原文

我设法调整多个类的大小

$('.s').resizable({ alsoResize: '.1,.2,.3' });

，但我想从属性中获取可调整大小的对象在主要对象中我调整大小。我怎样才能得到那里的属性值？

我尝试过：

<script>
$(document).ready(function() {
    $( ".resizable" ).resizable({
        maxHeight: 100,
        maxWidth: 162,
        minHeight: 14,
        minWidth: 162,

        alsoResize: "."+$(this).attr('number')+" "
    });
});
</script>

但它不起作用。有人可以帮忙吗？

这是一个用于测试的jfiddle： Fiddle

原文

i managed to resize multiple classes

$('.s').resizable({ alsoResize: '.1,.2,.3' });

but i want to get the alsoresizable objects from the attribute
in the main object i resize. how can i get the attribute values there?

i tried:

<script>
$(document).ready(function() {
    $( ".resizable" ).resizable({
        maxHeight: 100,
        maxWidth: 162,
        minHeight: 14,
        minWidth: 162,

        alsoResize: "."+$(this).attr('number')+" "
    });
});
</script>

but its not working.
can someone help?

here is a jfiddle for testing: Fiddle

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

花开柳相依 2024-11-26 03:38:41

您可以使用 $.each 或 $.map 构建列表：

$.map($('your-selector'), function (element) { 
    return '.' + $(element).attr('number'); 
}).join(',')

You could build up the list with $.each or maybe $.map:

$.map($('your-selector'), function (element) { 
    return '.' + $(element).attr('number'); 
}).join(',')

回复收藏 0 原文

安穩 2024-11-26 03:38:41

这有效：

js：

$(".res").mouseover(function() {
    //alert($(this).attr("number"));
    $(".res").resizable( "option", "alsoResize", $(this).attr("number") );
    });

$(".res").resizable({
    });

html：

<div id="div" class="a res ui-widget ui-widget-content" number=".b">Test A</div>
<div id="div" class="b res ui-widget ui-widget-content" number=".c">Test B</div>
<div id="div" class="c res ui-widget ui-widget-content" number=".a,.b">Test C</div>

this works:

js:

$(".res").mouseover(function() {
    //alert($(this).attr("number"));
    $(".res").resizable( "option", "alsoResize", $(this).attr("number") );
    });

$(".res").resizable({
    });

html:

<div id="div" class="a res ui-widget ui-widget-content" number=".b">Test A</div>
<div id="div" class="b res ui-widget ui-widget-content" number=".c">Test B</div>
<div id="div" class="c res ui-widget ui-widget-content" number=".a,.b">Test C</div>

回复收藏 0 原文

~没有更多了~