jQuery

javascriptで「もし 'cssのclass' が存在すれば」という条件をかく

InfiniteScrollを実装していた箇所で、以下のようなエラー文がコンソールに出てしまっておりました。 おそらくページネーションが無いときにも関数が呼ばれてしまっており、エラーが出ているようだと思い、InfiniteScrollを実装していた関数を呼ぶ部分で、条…

無限スクロール実装

Infinite Scrollというライブラリを使って無限スクロールを実装しました。 その際のやり方について書き留めておきます。 以下はInfinite Scrollのリンクです! infinite-scroll.com 実装にあたってこちらの記事を参考にさせていただきました。 qiita.com Inf…

vendor/assets配下のstylesheetsとjavascriptsが認識されない

エラー内容 vendor/asssets/stylesheets配下にcssファイル、vendor/assets/javascripts配下にjsファイルを追加し、 それそれ以下のように読み込ませる指定をしたのですが、読み込んでくれないエラーに遭遇しました。 app/assets/stylesheets/application.css…

jQueryのajax()について

ajaxとは? AsynchronousJAvascriptXmlの頭文字。 非同期のjavascriptによる(XMLを用いた)通信。 もう少し具体的にいうと、javascriptという言語で記述したプログラムによって、通常の通信と同期せずに(非同期に)、データの通信をする事。 昔はXMLという形式…

後から追加された要素へのイベント設定

後から追加された要素へ普通にfunction設定しても動かない JavaScriptによって後から追加された要素要素に対して、 $(セレクタ).on('click', function( ) { 処理 } ) としても動かない。 これは、ビューのローディング時には、その要素が存在しなかったため…

非同期通信によるメッセージ送信

railsにおける非同期通信によるメッセージ送信の大まかな流れ jsファイルに、フォームが送信されたらイベントが発火するようかく。 イベントが発火した時にAjaxを使い、createアクションが動くようにする。 コントローラーでHTMLとjsonの処理を分ける。 jbui…

github pages でのajax通信

githubpages上からajax通信ができない?! OpenWeatherMapという世界中の年の天気を調べることができるAPIを使ったアプリを、github pges を使って公開してみました。 以下はリンクと、トップページのスクショです。 JS Weather API Sample しかし、公開して…

jQueryのイベント設定と種類

jQueryのイベントと実行する関数の設定 基本的には以下の構文で、あるイベントが発生したらfunction内の処理を実行する、という処理を書く。 $(function() { $("セレクタ").on("イベント", function() { イベントが起きた時の処理 }); }); 例えば、idがsecti…