1

このjqueryステートメントをページの読み込み時に機能させることはできませんがF5、ページを更新すると1回機能します。

<div id="ResultsDiv"></div>
<div id="pager" class="pager"></div>
<input id="HfId" type="hidden" />
<script type="text/javascript">
var itemsPerPage = 5;
$(document).ready(function() {
  getRecordspage(0, itemsPerPage);
  var maxvalues = $("#HfId").val();
  alert(maxvalues);
  $(".pager").pagination(maxvalues, {
    callback: getRecordspage,
    current_page: 0,
    items_per_page: itemsPerPage,
    num_display_entries: 5,
    next_text: 'Next',
    prev_text: 'Prev',
    num_edge_entries: 1
  });
});
</script>

最初のページロードalert(maxvalues);では何もありません。ただし、更新すると、関数で割り当てられているため、値がmaxvalues非表示フィールドに表示されます。HfIdgetRecordspage

なぜこの奇妙な振る舞い....何か提案...

編集：

function getRecordspage(curPage) {
    $.ajax({
        type: "POST",
        url: "Default.aspx/GetRecords",
        data: "{'currentPage':" + (curPage + 1) + ",'pagesize':5}",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function(jsonObj) {
            $("#ResultsDiv").empty();
            $("#HfId").val("");
            var strarr = jsonObj.d.split('##');
            var jsob = jQuery.parseJSON(strarr[0]);
            var divs = '';
            $.each(jsob.Table, function(i, employee) {
                divs += '<div class="resultsdiv"><br /><span class="resultName">' + employee.Emp_Name + '</span><span class="resultfields" style="padding-left:100px;">Category&nbsp;:</span>&nbsp;<span class="resultfieldvalues">' + employee.Desig_Name + '</span><br /><br /><span id="SalaryBasis" class="resultfields">Salary Basis&nbsp;:</span>&nbsp;<span class="resultfieldvalues">' + employee.SalaryBasis + '</span><span class="resultfields" style="padding-left:25px;">Salary&nbsp;:</span>&nbsp;<span class="resultfieldvalues">' + employee.FixedSalary + '</span><span style="font-size:110%;font-weight:bolder;padding-left:25px;">Address&nbsp;:</span>&nbsp;<span class="resultfieldvalues">' + employee.Address + '</span></div>';
            });
    $(".pager").pagination(strarr[1], {
             callback: getRecordspage,
             current_page: 0,
             items_per_page: 5,
             num_display_entries: 5,
             next_text: 'Next',
             prev_text: 'Prev',
             num_edge_entries: 1
         });
            $("#ResultsDiv").append(divs);
            $(".resultsdiv:even").addClass("resultseven");
            $(".resultsdiv").hover(function() {
                $(this).addClass("resultshover");
            }, function() {
                $(this).removeClass("resultshover");
            });
            $("#HfId").val(strarr[1]);
        }
    });
}
4

3 に答える 3

2

関数getRecordspageは非同期です。Ajax呼び出しを行い、完了すると、読み取ろうとしている値を設定します。ただし、値を読み取る前に呼び出しが完了するのを待っているわけではありません。

于 2010-04-01T11:10:54.613 に答える
1

私の推測では、$。ajax（...）コールバックはが呼び出された後にsuccess実行されています。それが実際に当てはまる場合は、ページネーションコードを配置するだけですalert(maxvalues);

$(".pager").pagination(maxvalues, {
     //my syntax
});

$ .ajax（...）successコールバックで。

于 2010-04-01T11:09:42.207 に答える
0

問題（機能の欠落など）に関する詳細情報がない場合、Firefoxを使用し、firebugとfirequeryをインストールするように指示するのが最善のアドバイスです。

次に、いくつかのブレークポイントを設定して値を調べてみてください。これがチュートリアルです

編集：私があなたの編集をより多くの情報で見る前にこの答えをしました。

于 2010-04-01T11:00:35.460 に答える