Chrome无法显示任何内容,也无法点击

时间:2015-09-02 22:26:10

标签: jquery-chosen

我刚尝试选择并且在我的初始测试(FF)中工作正常,但现在检查其他浏览器不是。

在Firefox,资源管理器中,Edge显示正常,但在Opera或Chrome中没有显示任何内容,也无法点击但是检查源,列表元素存在。

我看到chrome中的示例页面正在工作,所以,我身边出了点问题,但我甚至无法开始查看它。欢迎任何建议。

版本:(不起作用) Chrome:44.0.2403.157 歌剧:12:16(1860)

版本工作: Firefox 40.0.3 IE:11.0.9600.17937

Jquery:1.6.4(昨天下载并在本地提供,不在CDN中) 选择1.4.2(昨天下载)

您可以在图片中看到行为。在FF,IE中,下拉列表显示了预期的国家。

您现在可以在http://eventos.ai.org.mx/encuentro/registration.php中尝试此操作,如果需要,您可以获取文件。

也是FF中的同一个屏幕。

感谢您的时间和任何帮助,

CHosen.js in FF

Chosen.JS in Opera or Chrome

1 个答案:

答案 0 :(得分:0)

在第160行的样式表selected.css中有一个已定义的类.chosen-container .chosen-results。向该类添加浮动属性:

.chosen-container .chosen-results {
  color: #444;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0 4px 4px 0;
  padding: 0 0 0 4px;
  max-height: 287px;
  -webkit-overflow-scrolling: touch;
  float: left;
  width: 99%;
}

float: left;会把它推到那个地方。

width: 99%;将为每一行设置正确的宽度。