Question

我正在开发一个具有自定义输入无线电复选框的网络应用程序，这些复选框无法使用ios设备（ipad和iphone）进行选择，我已经将onclick =“”事件放在标签上但仍然没有，是否有人知道如何解决这个问题？

这里是演示网址： http://www.mixink.it/ascom/altopiemonte/

HTML

                        <input 
                    type="radio"
                    v-bind:id="['gialla-'+index]"
                    name="serviziGialla" 
                    v-bind:value="servizio.nomeServizio"
                    v-model="giallaPicked"
                    v-on:click="AddServizi(servizio.selected,servizio.classe,servizio.nomeServizio,servizio.descrizione,servizio.descrizione_lunga,index,servizio.x,servizio.y)"/>
                    <label onclick=""
                    v-bind:for="['gialla-'+index]"
                    ><span></span>
                    </label>

CSS

label span {
  pointer-events: none;
}

#ylwLine input[type="radio"] + label span {
    background:url(../img/yellow-off.svg);
    background-repeat: no-repeat;
    background-position: center center;
    width: 40px;
    height: 40px;
    pointer-events: none;
}
#ylwLine input[type="radio"]:checked + label span {
  background:url(../img/yellow-on.svg) !important;
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;
  pointer-events: none;
}

Answer 1

嗯..尝试摆脱父母中的所有“光标：移动”或在代码js中添加处理程序

$("#ylwLine label").onclick = function () {};

输入无线电不适用于ios触控设备（vue js app）

1 个答案: