slideDownやslideToggleがうまく動かないとき
スライドするところがshow()を使ったときみたいにパッと表示される場合
表示する要素がblockでなければなりません。
inlineだとパッと表示されます。
これの解決に2時間ほどかかりました・・・
はぁ。
Webシステムに関することを中心に書いてます
slideDownやslideToggleがうまく動かないとき
スライドするところがshow()を使ったときみたいにパッと表示される場合
表示する要素がblockでなければなりません。
inlineだとパッと表示されます。
これの解決に2時間ほどかかりました・・・
はぁ。
JSでの日付の取得など備忘録
1 |
var now = new Date();// 現在の日時を取得 |
結果:Date 2018-07-14T08:00:35.771Z
このままだと使いづらいので下記のように個別で取得します。
1 2 3 4 5 6 |
var y = now.getFullYear();// 年を取得 var m = now.getMonth() + 1;// 月を取得(1月は0になるため+1する) var d = now.getDate();// 日を取得 var h = now.getHours();// 時間を取得 var mi = now.getMinutes();// 分を取得 var s = now.getSeconds();// 秒を取得 |
ifなどで判定する場合はちょっと注意
数値型なので+すると足し算をしてしまうので、文字列に変換(toString())してから結合させる
1 2 3 |
if(y.toString()+m.toString()+d.toString() === "20180714"){ // 処理をゴニョゴニョ } |
HTML5からdataという独自属性が使えるようになりました。
data-* とdata-の後に好きな名前と値を設定が出来ます。
(例)
1 2 |
<div data-no="1" data-val="mokuji">目次</div> <div data-no="2" data-val="mokuteki">目的について</div> |
その独自属性をjqueryで取得する方法。
data()を使って内容を取得する。
取得したデータは連想配列として取得します。
1 |
$(this).data(); |
結果
1 |
{"no":"1", "val":"mokuji"} |
個別に指定でひとつだけ取得も可
1 |
$(this).data("no"); |
結果
1 |
{"no":"1"} |
独自に値が設定できるので便利かも~
動的に生成したHTMLに対してclickなどのイベントを実行させる。
JSなどで動的に生成したHTMLには下記のような書き方では実行できません。
$(“.btn”).on(“click”, function(){
alert(“OK”);
});
上記JSがセットされたときに動的に生成したHTMLが見つからない場合
正常に動いてくれないのです。
そういう場合は下記のように記述します。
1 2 3 |
$(document).on("click", ".btn", function(){ alert("OK"); }); |
onの第2引数に追加します。
よく忘れるので備忘録的な…
非同期通信で色々調べていたら出てきたやつ
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
$.ajax({ url:"http://xxxx/a.php", type:"GET", dataType:"json", success: function(data){ console.log("OK"); }, error: function(XMLHttpRequest, textStatus, errorThrown) { console.log("ERROR"); }, complate: function(data){ consolo.log("END"); } }); |
上記これはjQueryのバージョンが1.5以前の古いタイプ
新しいタイプは下記
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
$.ajax({ url:"http://xxxx/b.php", type:"GET", dataType:"json", }) .done(function(data){ console.log("OK"); }) .fail(function(jqXHR, textStatus, errorThrown){ console.log("ERROR"); }) .always(function(){ console.log("END"); }); |
メモメモ