在下拉列表中的 select 选项后，页面的滚动位置发生变化

Question

最近我下载了select2.min.js版本：3.5.1并应用到我的asp页面。一切正常，但我面临一个问题，每当我 select 下拉列表中的任何选项时，页面的滚动位置都会重置为屏幕中心。我的 asp 代码是..

<asp:DropDownList CssClass="SelectClass" ID="drpTypeofRooms3" runat="server"></asp:DropDownList>

相同的脚本如下

$(document).ready(function () {

        $(".SelectClass").select2({
            placeholder: "--Select--"
        });
        $(".SelectClass").each(function (x) {
            $("#s2id_" + this.id).attr("tooltip", $("#" + this.id + " option:selected").text());
            $("#s2id_" + this.id).attr("title", $("#" + this.id + " option:selected").text());
        });
        $(".SelectClass").change(function () {
            $("#s2id_" + this.id).attr("tooltip", $("#" + this.id + " option:selected").text());
            $("#s2id_" + this.id).attr("title", $("#" + this.id + " option:selected").text());
        });
    });

我知道这个问题有点奇怪，但我已经浪费了将近 2-3 天的时间。请帮忙

Answer 1

我找到了解决方案

我使用了最新版本，即 select2-4.0.0-beta.3 解决了我的问题。

在下拉列表中的 select 选项后，页面的滚动位置发生变化

Scroll position of page changes after I select option from Dropdownlist

jquery

jquery-select2