【问题标题】:<select> tag is not working on some android devices in ionic<select> 标签在 ionic 中的某些 android 设备上不起作用
【发布时间】:2016-09-02 14:45:42
【问题描述】:

因此,选择框不适用于 Android 设备(例如 Galaxy s6)。我正在使用离子框架..当我单击选择框时,什么也没有出现,但是如果我在边框处单击它(这很难)选项显示。我知道这是一个离子的错误..有什么解决方案吗?提前谢谢this is a select box imageand this is options menu

        <div class="list list-language">
            <label class="item item-input item-icon-left item-select">
                <div class="input-label">
                    <i class="flag {{ $root.locale }}"></i>
                    <i class="icon icon-arrow-right-alt"></i>
                </div>
                <select ng-model="$root.locale" ng-change="vm.changeLocale($root.locale)" tabindex="-1">
                    <option ng-selected="$root.locale == 'en'" value="en">{{ 'ENGLISH' | translate }}</option>
                    <option ng-selected="$root.locale == 'ka'" value="ka">{{ 'GEORGIAN' | translate }}</option>
                    <option ng-selected="$root.locale == 'ru'" value="ru">{{ 'RUSSIAN' | translate }}</option>
                </select>
            </label>
        </div>

【问题讨论】:

  • 你用其他智能手机试试了吗???
  • 在某些智能手机上可以,但在某些智能手机上不行。例如:s6 或 sony 或 ect.. 我还尝试了其他在 ionic 上编写的移动应用程序,而且他们的选择在我的智能手机上也不起作用
  • 你使用 1 或 2 哪个离子版本???
  • 我正在使用 ionic v1
  • 我也面临同样的问题。是否已有可用的解决方案?

标签: html angularjs cordova ionic-framework cordova-plugins


【解决方案1】:

尝试将data-tap-disabled 属性应用于选择标签。 Here's 一些关于它的信息。它基本上禁用了导致问题的离子点击行为。

【讨论】:

    【解决方案2】:

    我认为问题可能与您的标记有关,其中标签元素包装了 div 和 select。您可以尝试将标签更改为其他,例如更改为 div。或者尝试将 div 更改为 span..

    HTML 不允许 &lt;label&gt; 包含 &lt;div&gt;

    【讨论】:

    • 在写问题之前也试过这个。它是离子错误,但我感兴趣是否可以修复这个错误。我正在使用离子 1
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2014-06-27
    • 2014-09-20
    • 2015-03-11
    • 1970-01-01
    • 2023-04-06
    • 1970-01-01
    • 2015-05-17
    相关资源
    最近更新 更多