jQuery

    function ScrollTo(element) {
        var text = document.getElementById(element);
        var p = $(text).offset().top;
        $('html,body').animate({ scrollTop: p });
  }

html,bodyを指定しているのは、クロスブラウザ対応のためだけど、副作用があるみたいなので注意。 jQueryで画面をスクロールさせる時の注意点

↑

リストをdata属性で操作する†[edit]

jquery sort list based on data attribute value - Stack Overflow

以下を実行するとリストがdata-positionでソートされて表示される。

$(function() {
  $(".listitems li").sort(sort_li).appendTo('.listitems');
  function sort_li(a, b) {
    return ($(b).data('position')) < ($(a).data('position')) ? 1 : -1;
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<ul class="listitems">
  <li data-position="3">Item 3</li>
  <li data-position="2">Item 2</li>
  <li data-position="1">Item 1</li>
  <li data-position="4">Item 4</li>
</ul>

appendToはでは、選択した要素を他の要素に挿入した場合、移動することに注意(cloneではない)。javascript - Using jQuery appendTo() while sorting html elements - Stack Overflow
```
$( "h2" ).appendTo( $( ".container" ) );
```

↑

トラブルシューティング†[edit]

↑

なぜか読み込まれない†[edit]

jQueryに限ったことではないが、空タグっぽい書き方だとだめ。"</script>"が必要。
scriptタグは空要素っぽく閉じると，FirefoxやIEで読んでもらえない ::ハブろぐ

↑

目次†[edit]

参考情報†[edit]

インストール†[edit]

Tips†[edit]

テキストを選択する†[edit]

DOM操作後のHTMLを確認する†[edit]

指定要素にスクロールさせる†[edit]

リストをdata属性で操作する†[edit]

トラブルシューティング†[edit]

なぜか読み込まれない†[edit]

Contents

メニュー

配布物

ゲーム

ショートカット

最新の20件