脳汁portal

アメリカ在住(だった)新米エンジニアがその日学んだIT知識を書き綴るブログ

jQuery

bootstrapとjqueryでタブ表示を作成する方法

必要なもの bootstrap jquery 手順 まずはTabのheaderを作成します。 <div id="tabs"> <ul> <li><a id="tabs1" href="#content1">Tab1</a></li> <li><a id="tabs2" href="#content2">Tab2</a></li> </ul> </div> するとこんな感じのtabが出来ます 次にタブの中のコンテンツを作成します。 <div id="tabs"> </div>

tablesorterでpager機能を使う方法

以前のポストでtablesorterの基本機能であるsort機能とfilter機能を説明しましたが、今回はpager機能を利用する方法を説明します 基本機能(sort & filter機能の使い方) portaltan.hatenablog.com Pagerの使い方 1.まずはsortだけ可能な単純なtableを作成しま…

tablesoterをRailsで使う方法 + FilterとSort機能の使い方

jueryプラグインのtablesorterをRailsで使う方法です。tablesorterはtableをsortしたりfilteringするjQueryプラグインです。 ソースコード まずはじめに、tablesorterには本家とforkして他の人が開発しているPageの二つのドキュメントがあります 本家: http…

jqueryプラグインのtablesorterで"Uncaught TypeError: Cannot read property '0' of undefined"が出るとき

tablesorterのfilter widgetが動かない 以前のversionでは問題なく動いていたはずなのに、半年くらいたって久しぶりにみてみたら以下のようなエラーが出てFilter機能が動かなくなっていました。 Uncaught TypeError: Cannot read property '0' of undefined …

Reactで、jquery(ajax)内でsetStateしようとすると「this.setstate is not a function」って怒られて失敗する場合の対策

問題 Reactを使っていてstateにsetしようとして普通にthis.setStateとかやっていると、this.setstate is not a functionってエラーが出るときがあります。 JavaScript的にどういうかはわかりませんが、Ruby的に言うとスコープが切り替わってself(=this)が変…

ajaxと非ajax(jqueryだけ)でweb APIにクエリーを投げる方法

jQueryだけ $.${通信方式}(${URL}, { ${param名1}: ${value1}, ${param名2}: ${value2} }, function(res){ // 成功時の処理 }); // 例 $.get('http://hogehoge.html', { foo: 'bar', hoge: 'fuga' }, function(res){ alert(res); }); 簡潔に実装できる 失敗…