Question

 var $thingy = $( .thingy ),
     $window = $(window);

 $window.on( resize , function(){
       thingy.width($window.width()/12);
 });

能否在页面中添加更多的 < code>. thingy , 并在不重新获取的情况下调整其大小?

我知道以下工作将有效:

 var $window = $(window);

 $window.on( resize , function(){
       $( .thingy ).width($window.width()/12);
 });

问题在于,我不是经常在页面上添加 < code>.thingy , 使得创建新的jQuery对象和快速重新获取 DOM 似乎是一连串的间接费用。

有更好的办法吗?

Answer 1

每当您添加新的 .thingy , 以

$thingy = $( .thingy );

或

$thingy = $thingy.add(the_new_thingy)

当然, $thingy 必须在两个地方都可见。

Answer 2

您可以简单地重新指派到变量 :

var $window = $(window),
    $thingy = $( .thingy );
$window.on( resize , function(){
    $thingy.width($window.width()/12);
});


// then sometime:
$thingy = $( .thingy );
// or:
$thingy = $thingy.add(elements)

友情链接