使用令牌输入 jquery 插件的 Chrome css 问题答案

【问题标题】：Chrome css issue using token input jquery plugin使用令牌输入 jquery 插件的 Chrome css 问题
【发布时间】：2014-01-07 08:09:35
【问题描述】：

我在此页面上的下拉菜单中使用 jquery 插件令牌输入 http://www.connectweb.com.au/search.aspx

它在 Firefox 中运行良好，因为我可以单击箭头，下拉菜单会打开内容，并允许我使用滚动条上下滚动。但是在 IE 和 Chrome 中，我似乎无法通过上下移动滚动条来滚动。它在某个地方有一些 css，但我正在努力找出什么......那里的任何 css 专家都想快速浏览一下？将不胜感激:-)

谢谢

【问题讨论】：

标签： css internet-explorer google-chrome

【解决方案1】：

您好请看https://github.com/loopj/jquery-tokeninput/issues/130

问题恰好在于 IE 处理滚动条的方式与 chrome 或 firefox 相比。解决方法是修改论坛中提到的inputtoken.js文件。

这是基本大纲。

声明一个变量来保存状态

检查 input_box 的 .blur 事件中的变量

将 .mouseover、.mouseout 添加到 .dropdown // 1. 跟踪鼠标悬停在下拉菜单上

var mouseOverDD;

// 2. IF the blur function

var input_box = $("<input type=\"text\" autocomplete=\"off\">")

.blur(function () {
    if (!mouseOverDD) {
        hide_dropdown();
        $(this).val("");
    }
})

// 3. Add over/out events

var dropdown = $("<div>")
    .addClass(settings.classes.dropdown)
    .appendTo("body")
    .hide()
    .mouseover(function(){
        mouseOverDD = true;
    })
    .mouseout(function(){
        mouseOverDD = false;
    });

【讨论】：

如果您有自己的问题，您需要提出一个新问题。