所以我使用的是https://developer.snapappointments.com/bootstrap-select的bootstrap datepicker,当我使用桌面浏览器时,它工作得很好。我还使用AngularJS。
代码为:
<div class="form-group" ng-repeat="spec in specs">
<label class="control-label">{{spec.SpecName}}</label>
<select ng-change="getBuyPrice(false)" class="form-control selectpicker"
ng-model="selectedSpec[$index]" data-live-search="true">
<option value="">-- Select {{spec.SpecName}} --</option>
<option ng-repeat="value in spec.Values" value="{{value.ID}}">
{{value.Value}}
</option>
</select>
</div>
字符串
它在桌面浏览器上看起来很好,并且按预期工作。没有发现任何bug。
但后来当我使用我的移动的和浏览它,它显示重复的select picker
在移动的浏览器。
的
Spec(颜色)在移动的浏览器上重复了两次,我试过使用不同的浏览器,但结果是一样的。我还试过使用Chrome调试器(在桌面上),点击toggle device toolbar
,它在调试器上工作正常。
请帮
2条答案
按热度按时间d5vmydt91#
所以这是一个头部撞击问题。我试图用Chrome远程调试工具检查我的手机。我发现:
字符串
是导致问题的原因。我不知道为什么它在桌面上工作,但在移动的上不工作。这仍然是一个谜。然而,将类名从
selectpicker
更改为其他名称可以解决问题。在我的情况下,我只是将其更改为selectsearch
。型
我希望这能帮助任何有同样问题的人。
5lhxktic2#
这是selectpicker-1.14.0-beta3中的known bug。我正在使用bootstrap 5,它需要beta3,我在桌面上看到重复的选项。在讨论这个问题时有一个建议的解决方案,但那个建议对我不起作用。我将不得不停止调用刷新,直到bug被修复。