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

使用令牌输入jquery插件的Chrome css问题,css,internet-explorer,google-chrome,Css,Internet Explorer,Google Chrome,我正在使用jquery插件令牌输入来输入我在这个页面上的下拉列表 它在firefox中运行良好,我可以单击箭头,下拉菜单打开内容,并允许我使用滚动条上下滚动。然而,在IE和Chrome中,我似乎无法通过上下移动滚动条来滚动。这是一些css的地方,但我正在努力找出什么..有没有css专家想快速查看一下?将不胜感激:-) 谢谢​您好,请看一下 问题在于IE处理滚动条的方式和chrome或firefox的不同。解决方案是修改论坛中提到的inputtoken.js文件 这里是基本的大纲 声明一个变量来

我正在使用jquery插件令牌输入来输入我在这个页面上的下拉列表

它在firefox中运行良好,我可以单击箭头,下拉菜单打开内容,并允许我使用滚动条上下滚动。然而,在IE和Chrome中,我似乎无法通过上下移动滚动条来滚动。这是一些css的地方,但我正在努力找出什么..有没有css专家想快速查看一下?将不胜感激:-)


谢谢

​您好,请看一下

问题在于IE处理滚动条的方式和chrome或firefox的不同。解决方案是修改论坛中提到的inputtoken.js文件

这里是基本的大纲

声明一个变量来保存状态

选中输入框的.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;
    });
var mouseoverd;
// 2. 如果模糊函数
变量输入框=$(“”)
.blur(函数(){
如果(!mouseoverd){
隐藏下拉列表();
$(此).val(“”);
}
})
// 3. 添加结束/结束事件
变量下拉列表=$(“”)
.addClass(设置.类.下拉列表)
.附件(“正文”)
.hide()
.mouseover(函数(){
mouseoverd=true;
})
.mouseout(函数(){
mouseoverd=false;
});

如果你有自己的问题,你需要问一个新问题。