0

liタグ内に名前のリストがあり、外部リンク/ボタン/テキスト(何でも)をクリックして並べ替えたいと思います。このタイプの例を検索しましたが、成功しませんでした。

これは作ることは可能ですか?このようなものを作成するには、jsまたはjqueryが十分ではありません。これが可能であれば、それは私のプロジェクトにとって非常に役立ちます。

jsfiddle リンク: JS フィドル

機能を実現するために何でも追加できます。

HTML

<p>Click me to Sort</p>


<ul>
    <li> Key Roles and Functions</li>
    <li> Leadership Clarity</li>
    <li> Margin</li>
    <li> Market Differentiation</li>
    <li> Market Maturity</li>
    <li> Maturity</li>
    <li> Mission</li>
    <li> Vision</li>
    <li> Objectives</li>
    <li> Operational Efficiency</li>
    <li> Outlet Characteristics</li>
    <li> Overall Measurements</li>
    <li> Overall Performance</li>
    <li> Overall Systems</li>
    <li> Pain Points</li>
    <li> Performance</li>
    <li> Positive Culture</li>
    <li> Price Optimization</li>
    <li> Promotion Strategy</li>
    <li> Sales Model</li>
    <li> Stickiness</li>
</ul>

CSS

    ul{
    list-style-type:none;
    width:200px;
    background:#bdbdbd;
}
4

1 に答える 1