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

Question

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

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

谢谢

Answer 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;
    });