スクロールイベントのリスニングについてより多くのコードをロードする
2619 ワード
$(".rankDetail").scroll(function(){ //rankDetail class
var scrollHeight = $(this).scrollTop();
var rankListCount = $(".rankList").length; //rankList , li
var rankListHeight = $(".rankList").height();
var rankListTotalHeight = rankListHeight * rankListCount;
var rankDetailHeight = $(".rankDetail").height();
var diffHeight = rankListTotalHeight - rankDetailHeight - scrollHeight;
//
if(diffHeight >=0 && diffHeight < rankListHeight && isLoad == false){
var pageNum = Math.ceil(rankListCount / pageSize) + 1;//pageSize
getName(pageNum); //getName ,pageNum
}
})
もう一つの問題は、例えば、単一ページにdivがあり、ページがリフレッシュされたときにdivのdisplayがnoneとなり、あるイベントがトリガーされたときにdivが表示され、同じ項目の別のページで、あるbuttonをクリックすると最初のページ面にジャンプし、同時にこのページの隠しdivが開いていることを望んでいます.どうすればいいのでしょうか.2ページ目のジャンプ時にlocationを設定します.href="/firstPage?title=1"このときfirstPageの後ろのものはページのジャンプに影響しません.ページは最初のインタフェースにジャンプし、その後
if(location.href.indexOf("title=1") !== -1){ //
divShow(); // div
}
最後の問題は、動的に追加されたdivのクリック問題です.
あるbuttonをクリックしてページにdivを追加します.新しく追加したdivの中のdivをクリックしたい場合はどうすればいいですか?
2番目のdivを直接取得し、クリックイベントを追加すると、次のコードを参照してクリックイベントを追加できません.
$(".nameInput").on("click",".moreName",function(){ //moreName div,nameInput
, , ;
var title=$(this).attr("title");
if(title == 1){ // title , ,
$(".nameInput").append(html);// html ,
$(this).attr("src","./img/delete.png");
$(this).attr("title","2");
}else{
$(this).parent().remove();
}
});
入力ボックスの検証の問題:
$('.phone').blur(function(){
var $parent = $(this).parent();
var value=$(this).val();
if(this.value==""){
var errorMsg = ' ';
$parent.append('<small class="formtips">'+'*'+errorMsg+'</small>');
}
}).keyup(function(){
$(this).triggerHandler("blur");
});
blurはフォーカスを失ったイベントを表し、プラグインを使用しない検証方法を適用します.
補足:例を挙げると、ページのdivにoverflow-y:autoが設定されています.コンテンツがオーバーフローした場合、アンドロイド上でスライドしてより多くロードできますが、iosマシン上でドラッグするとページ全体がドラッグされ、div内のコンテンツはより多くロードされません.この問題の解決策は、次のとおりです.https://github.com/wwhgtt/iNoBounce;導入するファイルは、