jquery - jQuery Inputpicker 插件：字段没有响应，但箭头到达另一边

Question

知道为什么会发生这种情况吗？如果您注意到，向下箭头一直在右侧，但该字段并没有延伸到那里。如果我对“假”做出“响应”，它会切断下拉菜单。这个插件没有很多选择，所以我看不出我还能做什么。我也找不到任何其他插件可以让我使用整个表格行作为下拉菜单选项。TIA

http://www.inputpicker.com/www/

这是我的 JS 代码：

$('#select_litters_dd').inputpicker({
  data: json,
  fields:[
    {name:'cagecard',text:'Cage Card'},
    {name:'dob',text:'Date of Birth'},
    {name:'wean_date',text:'Wean Date'},
    {name:'litter_died_date',text:'Litter Died Date'}
  ],
  headShow: true,
  fieldText : 'cagecard',
  fieldValue: 'cagecard',
  responsive: true,
  autoOpen: false,
});

HTML 元素：

<input class="form-control" id="select_litters_dd" value="Select Litter">

无响应截图：

响应截图：

标签： jquerydrop-down-menujquery-plugins

Answer 1

好的，所以我意识到我可以拧紧整个响应式的东西，只需将宽度设置为 230%，它就足够好用了。

$('#select_litters_dd').inputpicker({
  data: json,
  fields:[
    {name:'cagecard',text:'Cage Card'},
    {name:'dob',text:'Date of Birth'},
    {name:'wean_date',text:'Wean Date'},
    {name:'litter_died_date',text:'Litter Died Date'}
  ],
  headShow: true,
  fieldText : 'cagecard',
  fieldValue: 'cagecard',
  responsive: false,
  autoOpen: false,
  width: '230%'
});