将鼠标悬停在select2列表中禁用的列表项上时，阻止列表滚动到顶部

Question

我正在使用select2来创建精彩的选择列表，它是一个非常棒的jQuery插件。 （http://ivaynberg.github.io/select2/）我稍微改变了插件的CSS，以便已经选择的项目不会从列表中消失，但只是变灰（也无法选择）。这个工作良好，我选择的项目在选中后仍然在列表中，并且无法再次选择它们。

问题：当用户将鼠标悬停在已禁用（已选择）的项目上时，cursos会跳转到列表的开头。这真的很烦人，特别是在处理长列表时。是否有任何CSS属性或任何JavaScript / jQuery使这成为可能？我只是希望禁用的物品在鼠标盘旋时对任何东西都没有反应。

额外信息：我在ASP.NET MVC4 Web应用程序中使用它。

以下是我的选择列表的外观：

        <select name="TopicIds" id="topDrop" multiple style="width: 700px">
            @foreach (var top in ((List<Topic>)ViewBag.TopIds).Where(top => top.MainTopic == null))
            {
                <option value="@top.TopicId" class="optionGroup">@top.Name</option>
                foreach (var subTopic in top.SubTopics)
                {
                    <option value="@subTopic.TopicId" class="optionChild">@subTopic.Name</option>
                }
            }
        </select>

以下是所选项目的CSS类的外观（我评论'显示'，以便显示所选项目）：

.select2-results .select2-selected {
    /*display: none;*/
    text-decoration: line-through;
    color: lightgrey;
}

当鼠标悬停在已选择的项目上时，如何阻止鼠标跳跃？谢谢！