如何在cssLess中添加JQuery命令？

我正在使用CSSLess和JQuery，並試圖計算無序列表中LI元素的數量，因此我可以將該數字除以寬度。如何在cssLess中添加JQuery命令？

ul.navBar { 
    li { 
     float: left; 
     width: (100%/`$(".navBar li").length()`); 
    } 
}

輸出應該像標準導航欄菜單一樣顯示爲標籤。

有沒有辦法寫這個沒有jQuery？

來源

2012-04-11 ryanod

我有點懷疑這個代碼。 ..你使用框大小：內容框？除此之外，這些李元素沒有填充，邊框或邊距嗎？ – zetlen 2012-04-11 18:22:51

您的標題詢問如何使用jQuery，然後問您如何在沒有jQuery的情況下執行此操作。你要哪個？ – 2012-04-11 20:34:17

你想這樣做：

li { 
    float: left; 
    width: ~`(100/$('.navBar li').length)+'%'`; 
}

的~告訴less，你不希望它與輸出混亂。

您還可以使用percentage：

width: percentage(`1/$('.navBar li').length`);

這隻能如果你沒有邊框，填充等，將使您的li元素的任何更寬。此外，您必須在body的底部加載此，否則jQuery將運行在你的DOM已準備就緒：

<body> 
    ... 
    <link rel="stylesheet/less" type="text/css" href="mystyles.less"> 
    <script src="less.min.js" type="text/javascript"></script> 

</body>

演示：http://jsfiddle.net/jtbowden/ZJ2HV/

來源

2012-04-11 20:51:38

百分比解決方案是完美的。哇，謝謝你的快速反應和答案！ – ryanod 2012-04-11 22:57:01

如何在cssLess中添加JQuery命令？

回答

相關問題