javascript - Jquery 变异插件

Question

我遇到过这个插件，但我是个新手，我想知道是否有人可以给我一个例子，说明如何在我的网站上使用它。

http://www.jqui.net/jquery-projects/jquery-mutate-official/

<div id="content">
   <h1>Favourite Teams</h1>
   <ul>
     <li>Arsenal</li>
     <li>Man U</li>
     <li>Liverpool</li>
   </ul>
</div>

我想检查内容 div 高度何时更改以根据可用高度显示更多或更少的团队。

更新代码

这是我想出来的。我不知道为什么它不起作用。

$('content ul').mutate('height',function (element,info){  
    var h= $(this).height();
    var calculate = h/$(this).find('li').eq(0).height();
    var i = 0;
    $(this).find('li').hide().each(function (){
        if(i<calculate)$(this).show();
        i++;
    })
});

Answer 1

问题在于您是选择器。如果你想找到 ID = content 的 DIV，你应该使用 $("#content")

$('#content ul').mutate('height',function (element,info){  
    var h= $(this).height();
    var calculate = h/$(this).find('li').eq(0).height();
    var i = 0;
    $(this).find('li').hide().each(function (){
        if(i<calculate)$(this).show();
        i++;
    })
});