マウスオーバー イベントとクリック イベントに問題があります。デスクトップ/ラップトップの Web ブラウザでは動作しますが、iPhone の Safari では動作しません。コードは次のとおりです。
<script type="text/javascript">
function tog(v){return v?'addClass':'removeClass';}
$(document).on('input', '.clearable', function(){
$(this)[tog(this.value)]('x');
}).on('mousemove', '.x', function( e ){
$(this)[tog(this.offsetWidth-100 < e.clientX-this.getBoundingClientRect().left)]('onX');
}).on('click', '.onX', function(){
$(this).removeClass('x onX').val('');
});
</script>
X は各検索フィールドに表示される明確なアイコンですが、iPhone では「クリック」できません。「mousemove」を touchmove に置き換えても機能しませんでした。残念ながら、私は jQuery Mobile プラグインを適応させることができませんでした。ありがとうございました！ハッピーハロー」