2012-09-26 25 views
1

我也碰到過這個插件,但我是一個新手,我想知道是否有人可以給我如何使用這個在我的網站的例子。jQuery的變異插件

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

你爲什麼不閱讀文檔?關於如何使用該插件 – undefined

+0

例子:http://www.jqui.net/demo/mutate/那些你已經實現的東西,將滿足您的要求,請發表你有問題的代碼。 – Nope

+0

我是新來這個,我試圖環繞它我的頭。對不起,我看不到文檔的鏈接。 – Lee

回答

3

問題在於你是選擇器。 如果你想找到DIVID = 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++; 
    }) 
}); 
+0

確定這工作謝謝 – Lee

+0

@Lee如果它的工作比標記答案正確,請! – Burimi

+0

對不起剛開本網站的竅門。感謝您的幫助 – Lee