1

順序付けされていない 3 つのリスト項目を含むトップ メニューがあります。クリックされたリスト項目は左に移動し、最初の位置になります。以下のように prepend() でいくつか試してみましたが、うまくいきません。ヒントをありがとう。

html:

<div class='subpage_top_nav'>
    <ul>
        <li><a href='#'><center>Gabione</center></a></li>
        <li><a href='#'><center>Bewerte Erde</center></a></li>
        <li><a href='#'><center>Natursteinsatz</center></a></li>
    </ul>
</div>

jquery:

$('.subpage_top_nav li').click(function(e) {
    e.preventDefault();
    $(this).parent().append(this);

});
4

2 に答える 2

5

Prepend正常に動作しています。

$('.subpage_top_nav li').click(function(e) {
    e.preventDefault();
    $(this).parent().prepend(this);
});

DEMO FIDDLE

于 2013-10-08T18:06:50.327 に答える
3

使用prepend():

$('.subpage_top_nav li').click(function (e) {
    e.preventDefault();
    $(this).parent().prepend(this);
});

このフィドルをチェックしてください：http://jsfiddle.net/29cBw/

于 2013-10-08T18:06:21.250 に答える