2017-10-24 26 views
0

iosデバイス(ipadとiphone)を使用して選択できないカスタム入力ラジオチェックボックスを持つWebアプリケーションを開発しています。私はalredyにonclick =ラベルにはイベントがありませんが、誰もこの問題を解決する方法を知っていますか?ここiosデバイス(vue jsアプリ)で入力ラジオが動作しない

デモURL: 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; 
} 

答えて

0

うーん...すべてを取り除くようにしてください:両親にまたは追加 "カーソル移動"コードjsのハンドラ

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

私は今夜のために探して先にありがとう –

+0

私はそれの中の入力ラジオとinteract.jsを使用する場合、ラジオボタンが動作しません..良いが、あまり良いではない –

+0

はい、私はそれをチェックし、それは今動作しますドラッグは機能しません。どうやら、いくつかのイベントは、iosのハンドラ(入力チェック)を中断します。 –

関連する問題