jQuery
ブラウザのリサイズ時に特定の幅以下になったらリロードする
以下の記述でリサイズ時800px以下の場合にリロードされるようになります。 $(window).on(“resize”, function() { var w = $(window).width(); if(w <…Animate.cssとinview.jsを利用して要素が表示されたタイミングでアニメーションさせる
以前はWOW.jsを利用して簡単にアニメーションを導入するという記事のように、WOW.jsとAnimate.cssでアニメーションを導入させていたのですが、いつの間にかWOW.jsが商用利用の場合は有料となっていました。…jQuery UI のautocomplete機能
入力リストの候補を表示する時、通常のdatalistだとスマホなどでうまく表示できない場合があるので、かわりにjQuery UI のautocomplete機能を導入した。 下に一例を示す。 var list = [];…
return false、preventDefault()、stopPropagation()
おおまかに書くとこんな感じだそうです。 preventDefault()：リンクの遷移などのイベントを無効にできる。 HTMLでリンクの形式になっていても、これが書いてあると踏んでも遷移しないということですね。 stop…
bootstrap-slider スライドさせた後イベントを発火させる
タイトルの通りbootstrap-sliderで作られたスライダーにイベントを付加させるときの書き方です $(selector).slider().on(evnet,function () { //処理 }); 今回は、…
サイドメニューをスライドイン
$(function () { var $nav = $(“.sidemenu”); $(“.JS-navHoverBox”).on({ “mouseenter”: function(){ $nav.stop().ani…アンカーリンクをスムーススクロール
$(function () { $(‘a[href^=#]’).click(function() { var speed = 400; var href= $(this).attr(“href”); var target…