jQueryUI tabのアクティブなタブにつくスタイルって

2010年10月18日（月）

ui-tabs-selectedでした。

jQueryUI のtabではアクティブなタブにクラス「 ui-tabs-selected 」が
付加されるようです。
知りませんでした。常識っぽいです。

Tags: , ,
カテゴリ:jQuery UI, javascript, tabs | Comments Closed

関連記事

jQuery simplyscrollの件

2010年10月09日（土）

simplyscrollのサンプルがありました。
というか、simplyscroll知りませんでした。
そんなに有名なんでしょうか？

あとgoogleコードでホスティングされてるのが
探すの下手くそです。

Tags: ,
カテゴリ:jQuery | Comments Closed

関連記事

jQuery トランジションありのスライドショー

2010年06月24日（木）

こんなのあればいいなーと思ってました。
トランジションありのスライドショーです。

http://workshop.rs/projects/coin-slider/

Tags:
カテゴリ:jQuery | Comments Closed

関連記事

jQuery li複数のシミュレーション用

2010年06月21日（月）

良くレイアウトをCSSで組む際に
リストが複数ある状態をシミュレーションするためにわざわざli要素をコピーとかするんですが
このスクリプトを制作のときに入れておけば楽でした。
li要素を変更したときにも役立ちます。

list='<li>'+$("#sample_list li:first").html()+'</li>';
for(i=0;i<10;i++){
    $("#sample_list ul").append(list);
}

テスト用なので、稼働時には外しますが。

Tags: ,
カテゴリ:Manipulation, jQuery, javascript | Comments Closed

関連記事

jQuery キューはqueue()

2010年06月17日（木）

要素のqueueはqueue()で配列として取得できるそうです。

 $("#animatede_id").queue().length;

これつかっとけばよかったです。

Tags:
カテゴリ:Effect, jQuery, javascript | Comments Closed

関連記事

jQuery aのイベントでリンクさせない処理2

2010年04月19日（月）

参考
http://semooh.jp/jquery/cont/doc/event/

eventオブジェクト.preventDefault()でブラウザの初期アクションをキャンセルできるそうです。
前述のreturn falseの方がお手軽な気がします。
使いどころだと思います。

$("#test a").click(function (e) {
 e.preventDefault();
}

http://blog.macaroniworks.net/2010/03/jquery-aのイベントでリンクさせない処理/

Tags: ,
カテゴリ:Events, jQuery | Comments Closed

関連記事

jQuery 知らなかった子要素の選択方法

2010年03月30日（火）

DesignReviver
http://designreviver.com/wp-content/uploads/2008/10/example.html

に下記の記述があったのですが、なにかよくわかりませんでした。

$("ul",this)

これは$(this)の中のul要素を選択する時などに使うと思われますが、
初めて見てしまいました。
知らないとはおっかないね。

Tags: ,
カテゴリ:Events, Selectors, jQuery | Comments Closed

関連記事

jQuery スライドショーでフェードイン、フェードアウト2010

2010年03月09日（火）

前々からやってはいましたが、データの形式(配列からJSONに)とコールバックの仕方を変えてシンプルにしたので一応メモっておきます。
もちろんこれだけでは動かず一定間隔ごとにchange()関数を実行する必要があります。

ちなみにJSONは(JavaScript Object Notation)だそうです。


//初期フェーズ
slide_phase=-1;

//データ
pickup_data=new Array();
slide_data[0]={"href":"test_url1.html","comment":"テスト1","img_path":"1.jpg"};
slide_data[1]={"href":"test_url2.html","comment":"テスト2","img_path":"2.jpg"};
slide_data[2]={"href":"test_url3.html","comment":"テスト3","img_path":"3.jpg"};

slide_num=slide_data.length;

function change(){
	if(slide_phase < slide_num-1){
		slide_phase ++;
	}else{
		slide_phase =0;
	}
	$("#slide img").fadeOut(500,changeSrc);
	$("#slide a").attr("href",slide_data[slide_phase].href);
	$("#slide .comment").text(slide_data[slide_phase].comment);
}
//コールバック
// $(this)でイベントが発生したオブジェクトを受け取れる。
function changeSrc(){
	$(this).attr("src", slide_data[slide_phase].img_path).fadeIn(2500);
}

Tags: , , ,
カテゴリ:jQuery | Comments Closed

関連記事

jQuery aのイベントでリンクさせない処理

2010年03月01日（月）

aにclickなどのイベント処理をする場合、hrefのリンク先に飛んでしまうので
困っていました。

例えば、下の処理です。

$(function(){
    $("a").click(function(){
            $("#test_img").attr("src","test.jpg");
    })
})

このような時は関数の返り値をfalseにしてやることで
aがリンクするのを回避する事が出来るそうです。

$(function(){
    $("a").click(function(){
            $("#test_img").attr("src","test.jpg");
            return false;
    })
})

これ、もっと早く知っておきたかったです。

Tags:
カテゴリ:Events, jQuery | Comments Closed

関連記事

jQuery COREのeq()とSelectorsの:eq

2010年02月20日（土）

これもやってることは同じだと思います。

$("div:eq(2)").addClass("test");
$("div").eq(2).addClass("test");

場面によって使い分ける形で。
セレクタだったか、関数だったかとこんがらがってました。
両方ありました。

$(“#test:eq(2)”)で
$(“#test:eq[2]“)ではない

Tags: ,
カテゴリ:Core, Selectors, jQuery | Comments Closed

関連記事
« Older Entries