Opera mini上的Dropkickjs插件问题

时间:2018-07-20 13:03:46

标签: html jquery-dropkick

我在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
  });

在上述情况下,如果单击位于地址字段顶部的“外部”选项,则地址字段将变为活动状态,并且光标开始闪烁。这样可以防止用户选择此选项。如果单击本地选项,由于它位于地址字段下方,因此它被选中。任何帮助将不胜感激。谢谢

0 个答案:

没有答案