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

问题在于你是选择器。如果你想找到DIV比ID = content你应该使用的$("#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++;
    })
});