jQuery

【jQuery】手っ取り早くScrollToTopを実装する。

ぺたり。

秒数は好みで。

【Webサービス】ブックマークレットを作った。

自分が普段良く使うやつとかあったら便利だなと思った機能を作ってまとめてみた

公式HPは下記。

http://xn--lvq.net/

俺.net。

随時、機能追加予定。

 

【jQuery】jquery.min.mapってなんぞ。

chromeでエラーになっていたのできになって調べた所、jQuery1.9以降でデバッガーを拡張するためのやーつーらしい。
解決策は2つあってjQueryをgoogleなどのホスティングサービスからもってくるか、ローカルにjquery.min.mapを持つかのいずれか。
ホスティングサービスを利用すると、同一階層にmapファイルを配置しておいてくれているのでエラーがでなくなる。

まぁおとなしくホスティングサービス使っとけってこった。

 

【jQuery】Draggableでドラッグした要素がoverflow:scrollなどに設定された要素内にある場合、背後に回ってしまう問題。

解決出来たのでメモ。

draggableを要素に適用する際、下記のようなオプションを追加で渡してやればOK。

appendTo: 'body',
containment: 'window',
scroll: false,
helper: 'clone'

 

【jQuery】テーブル要素の行とカラムを固定出来るプラグイン。

Grid.jsよりもこっちのほうがシンプルかも。

http://fixedheadertable.com/

めっちゃ使いやすかったのでオススメ。

 

【jQuery】$.ajax()でクロスドメインの壁をぶち破る。

ためのメモ。

下記ライブラリを用いることで可能。

https://github.com/padolsey/jquery.fn/tree/master/cross-domain-ajax

jQuery本体を読み込んだ後に上記のライブラリを読み込む。

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript" src="jquery.xdomainajax.js"></script>

あとは普段通り$.ajax()で通信を行うだけ。

簡単だね。

詳細な使い方は公式リポジトリを参照されたし。

 

【jQuery】でMultipleセレクトボックスの選択方法をトグル挙動にする。

めも。

$('.multiple > option').mousedown(function() {
	var self = $(this);
	if(self.prop('selected')) {
		self.prop('selected', false);
	} else {
		self.prop('selected', true);
	}
	return false;
});

簡単だね。

 

【jQuery】でオブジェクト、配列のクローンを生成する。

めも。

var obj1 = {ab: 'cd', ef: 'gh'};
// extendメソッドを用いることで、参照渡しではなく新たにオブジェクトのコピーが生成されそれが返却される。
var obj2 = $.extend({}, obj1);
// 第1引数にtrueを渡すとディープコピーとなり、渡したオブジェクト内を再帰的にコピーしてくれるようになる。
var obj3 = $.extend(true, {}, obj1);