1 
$("#txt_catId").change(function(){

    var catId = $('#txt_catId').val();

    $(".news-row").remove();
    $("#txt_news_id").remove();

    $.ajax({
          type: "POST",
          url: 'urlExample',
          data : {cat_id : catId},
          success: function(data) {
            $('#txt_catId').parent().append(data);
          },

          statusCode: {
            404: function() {
              alert("page not found");
            }
          }


        });

});

このコードの機能は次のとおりです。ユーザーがカテゴリを選択すると、そのカテゴリのニュースのリストが選択ボックスとして表示されます。ただし、重要なのは、カテゴリを選択するたびに、常にページの上部にジャンプすることです。どうすればこれを防ぐことができますか？

4

1 に答える 1

1

href="#"カテゴリを選択する手段として とのリンクを使用しているようです。リンクを有効にすると、空のブックマークが意味するように、ページのトップに移動します。

preventDefaultイベント ハンドラーで使用して、リンクがアクティブ化されないようにします。

$("#txt_catId").change(function(e){
  e.preventDefault();
  ...
于 2012-08-24T08:34:03.583 に答える