メインdiv内にいくつかのブックマークを含めることができるドロップダウンメニューを作成したいと思います。ユーザーがブックマークを追加し、ブックマークをメインdivに含めることができない場合、それらはドロップダウンメニューに非表示になります。次に、ユーザーは矢印にカーソルを合わせると、非表示のメニューがドロップして残りのブックマークが表示されます。
次のブックマークをメインdivに追加できるかどうかを確認し、それに基づいて（メインdivのスペースが不足している場合）、ドロップダウンメニューに次のブックマークを追加する必要があります。
ウェブ上に同様のチュートリアルがある場合は、私に知らせてください。助けていただければ幸いです。
単一の順序付けられていないリストとして作成します。
liがいくつ収まるかを確認するには：
noOfLi = width of ul / width of li
$(ul.normal).width() to get width of ul and same function for li
確認してください
noOfLi > $('ul.normal li').length //if not no problem yyay
処理のためにすべてのliのコピーを取ります。
var lis = $('ul.normal li').clone(); //now you have an array of li nodes
それを2つの部分に分割します。1つは通常のul用、もう1つはドロップダウン用です。
normalLis = lis.slice( 0, noOfLi - 1 );
dropdownLi = lis.slice( noOfLi, lis.length );
次に、normalLisを通常のulに入れ、ドロップダウンlisをドロップダウンulに入れます
$('ul.normal').html(normalLis)
$('ul.dropdown').html(dropdownLis)
lisがオーバーフローした場合は、さらにリンクをアクティブにして、その上にホバーイベントを追加して、ホバーのドロップダウンを表示することもできます。
上記のコードはすべて説明のみを目的としており、コピーして貼り付けないでください。