Jquery Mutate插件

时间:2012-09-26 11:56:52

标签: javascript jquery html jquery-plugins

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

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++;
    })
});

1 个答案:

答案 0 :(得分:3)

问题在于你是选择器。 如果您想找到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++;
    })
});