我遇到过这个插件,但我是新手,我想知道是否有人可以在我的网站上给我一个如何使用它的例子。
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++;
})
});
答案 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++;
})
});