スクロールイベントのリスニングについてより多くのコードをロードする

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;導入するファイルは、;同時にdivの設定:-webkit-overflow-scrolling:touch;