2011-07-07 34 views
0

可调整大小我设法调整多个类jQuery的从属性

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

,但我想从主客体我调整属性 得到alsoresizable对象。我怎样才能得到那里的属性值?

我想:

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

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

,但它不工作。 有人可以帮忙吗?

这里是一个用于测试的jfiddle:Fiddle

+0

你可以发布一个[JS小提琴演示](http://jsfiddle.net/),以便我们可以看到其他页面/脚本中发生了什么? –

+0

我已经发布了一个演示我的问题的小提琴。 – dichterDichter

回答

0

你可以建立名单与$.each也许$.map

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

我找到了一种方法来使它工作,我想到,我必须在初始化可调整大小时定义所有选项。它使用在开始时定义的变量,所以即使我点击其旧的变量时也改变了变量。这有帮助,但我必须点击两次:http://jsfiddle.net/dichterDichter/HQ9EY/104/ – dichterDichter

0

这个工程:

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>