我在Opera mini上的dropkickjs插件有问题。当我单击使用dropkickjs创建的选择字段之一时,碰巧选择字段选项之一直接位于文本输入字段的顶部,该文本输入字段变为活动状态,用户无法选择该选项。
<div class="col-sm-12">
<label for="address" class="listing-search__label">Address</label>
<input type="text" class="listing-search__field" th:field="*{address}" placeholder="What is your address?...">
</div><!-- .col -->
<div class="col-sm-3">
<label for="category" class="listing-search__label">Category</label>
<select class="ht-field" th:field="*{category}">
<option th:value="LOCAL" selected="selected">Local</option>
<option th:value="EXTERNAL">External</option>
</select>
</div><!-- .col -->
和dropkickjs初始化
$(".ht-field").dropkick({
mobile: true
});
在上述情况下,如果单击位于地址字段顶部的“外部”选项,则地址字段将变为活动状态,并且光标开始闪烁。这样可以防止用户选择此选项。如果单击本地选项,由于它位于地址字段下方,因此它被选中。任何帮助将不胜感激。谢谢