Jquery 函数的作用是:跳转到页面顶部

Jquery 函数的作用是:跳转到页面顶部,jquery,Jquery,这段代码的作用是:当用户选择一个类别时,该类别的新闻列表将显示为一个选择框。但关键是每次我选择一个类别,它总是跳到页面的顶部。如何防止这种情况发生?听起来您使用了带有href=“#”的链接来选择类别。激活链接会将您带到页面顶部,因为空书签就是这个意思 在事件处理程序中使用preventDefault停止激活链接: $("#txt_catId").change(function(){ var catId = $('#txt_catId').val(); $(".news-row

这段代码的作用是:当用户选择一个类别时,该类别的新闻列表将显示为一个选择框。但关键是每次我选择一个类别,它总是跳到页面的顶部。如何防止这种情况发生?

听起来您使用了带有
href=“#”
的链接来选择类别。激活链接会将您带到页面顶部,因为空书签就是这个意思

在事件处理程序中使用
preventDefault
停止激活链接:

$("#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");
            }
          }


        });

});

听起来好像您正在使用带有
href=“#”
的链接来选择类别。激活链接会将您带到页面顶部,因为空书签就是这个意思

在事件处理程序中使用
preventDefault
停止激活链接:

$("#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");
            }
          }


        });

});

请设置一个提琴示例:)也可以发布您的标记请设置一个提琴示例:)也可以发布您的标记,因为没有提及它,#txt_catId不是一个链接,它是一个下拉列表()很抱歉没有提及,#txt_catId不是一个链接,它是一个下拉列表()