カテゴリー: jQuery (1ページ / 2ページ)

bxsliderで最後の画像が最初に来るのは、autoオプションを外すとなおった。(window.onloadにするだけではだめだっっった)

$(function(){ ほげほげ〜 }); → window.onloadに修正だけではダメだったので、
autoは最初OFFにして表示、pauseのタイミングで2番目のスライドに移動&startAuto()で解決した。

window.onload = function(){
    var $bxslider = $('#bxslider');
    var pauseTime = 10000;
    $bxslider.append(slideHtml);
    var slider = $('#bxslider').bxSlider({
	startSlide:0,
	auto:false,
	speed: 1300,
	autoControls: false,
	pause: pauseTime
    });
    setTimeout(function(){
	slider.goToSlide(1);
	slider.startAuto();
    },pauseTime);
};

jquery.cookie.jsでのCookieの削除

新しいバージョン

$.removeCookie('the_cookie');

古いバージョンの場合

$.cookie('the_cookie','',{expires:-1});

注意が必要

$.cookie('the_cookie',null);
$.cookie('the_cookie'); // 'null' String

と した後に取得すると’null’の文字列が返って来るケースがあり(13/11 Mac Chrome )

jQueryのトグルスイッチプラグイン[jQeury,toggle]

jQueryのトグルで表示を切り替えるプラグインをgithubにアップしました。

jquery-toggleswitch :
https://github.com/horigotatsu/jquery-toggleswitch

 

続きを読む

jQueryのトグルボタンプラグイン[jQeury,toggle]

jQueryのトグルボタン生成のプラグインをgithubにアップしました。

jquery-togglebutton :
https://github.com/horigotatsu/jquery-togglebutton

続きを読む

jQueryMobileで外部サイトにリダイレクト処理をする場合はrel=”external”を入れておく。

jQueryMobileで外部サイトにリダイレクト処理をする(header関数を使った)PHPのプログラムに普通にAjaxリンクすると怒られた。
<a rel=”external” href=”xxxx.php” ~~ >リンク先</a> として。

jQueryMobileでAjaxで追加した要素にデザインなど適用[jQueryMobile]

jQueryMobileで動的に読み込んだ要素に、デザインが適用されないです。
そんな時は以下のように、要素にcreateイベントを発生させてあげるとでけた。

var html = "AjaxでよんだHTMLがはいってるよ";
$("#target").append(html).trigger( "create" );

jQueryMobileでAjaxのページ読み込み時のイベント[jQueryMobile]

jQueryMobileでページがロードされたとき、DOMが出来上がったときのイベントがとれなかった、たしかに考えると、Ajaxで読み込んだ場合どうなるのかよく分かってなかった。以下に要点まとめ

ヘッダ(<head>)は全ページ同じにすべし

まず、jQueyrMobileは基本Ajaxで読込するので、jQeuryとかのライブラリとか、全ページ<head>内で読み込んで居るととんでもなくわけわかんなくなる。
ダブりで読んだりが大変!

そこで、1ページめは普通に読み込んで2ページ目移行(Ajax遷移するばあい)は、<head>の方の読込は無視らしい。

つまり、直リンクで色んなページに来る可能性があるから、全ページ<head>にいろいろ書いておくべし&同じ内容にしていないと、(ページごとで読み込むファイルがちがうとか)面倒なことになるので同じにしとくべしです。

 ページ読み込み時のイベントの設定

またページ読み込み時のイベントもいつもと違う。

$(function(){ });とかでもイベントが発生しないので、Ajax読み込み後のイベントを取る必要がある。

$(document).live( ‘pageinit’,function(event){
//hogehoge fuga
});

とすればOK

jQueryのテンプレートプラグインjQuery Templates[JavaScript]


今回はjQueryのプラグインのjQueryTemplatesを使ってみようと思います。

続きを読む

jQueryで忘れがちなこと[JavaScript,jQuery]


忘れがちなことをまとめるぞー。

続きを読む

AptanaでのjQueryコードヒント[Aptana,jQuery]


前回「DreamweaverのjQueryコードヒント」について書きましたが、AptanaでもjQueryコードヒントが出てくれたので使ってみました。

続きを読む

1 / 2ページ

Powered by WordPress & Theme by Anders Norén