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

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

1 个答案: