jQuery」カテゴリーアーカイブ

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);
};

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