当サイトのコメントは投稿した時に画面遷移しないで更新されるようにしています。本記事はjQueryとブログサービスの仕組みを上手く組み合わせてシームレスにコメント投稿できるようにするチュートリアルです。 コメント投稿のサンプル動画 コメントを投稿すると、投稿した人には以下のように見えます。 htmlサンプル 本記事で紹介するJavascriptのサンプルは以下のようなhtml構造を前提にしています。仕組みを理解すれば自分のサイト向けにカスタマイズ出来ると思います。 コメントが表示される部分のhtml jQuery+Ajaxで取得した結果を格納するための要素(サンプルでは#new-comment)を用意するのがポイントです。それ以外はごく普通の構造だと思います。 1 <div id="comments"> 2 <div class="each-comment"> 3 それぞれ
使用方法1―全ての要素の高さを揃える 指定した複数の要素の高さを、その中の最大の高さに揃えます。 各要素の幅が同じであれば、各要素のサイズ(高さ・幅)は全て同じになり、タイル状に要素が並びます。 各要素に対してheightを指定する必要はありません。 javascriptサンプル tile-sample1というclass属性を持つ要素の高さを、その中の最大の高さで揃えるには、以下のように記述します。 1 $(function(){ 2 $(".tile-sample1").tile(); 3 }); 実行結果 使用方法2―同じ行にある要素の高さを揃える タイルの列数を指定して、同じ行に並ぶ要素の中で最大の高さに揃えます。 javascriptサンプル tile-sample2というclass属性を持つ要素が横に4つ並んでいるとき、横に並んだ要素の高さを各行毎に揃えるには、その列数(=4)を
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く