Greetings stackoverflow - jQuery .clickを使用していますが、これはタッチスクリーンデバイスでは起動していません。 .touchstartを使用してclickイベントを処理していますが、ユーザーが画面をタップしてスクロールを開始したときにトリガーされるため、理想的ではありません。jQueryの.touchと.clickは動作しませんが、touchstartは機能しますか? [iOS]
タッチスクリーンデバイスで動作している.clickまたは.touchを停止する方法がありますか?
基本フィドルhere。
HTML:
<form class="form-horizontal">
<div class="container-fluid constraint">
<h3>Style</h3>
<div class="control-group">
<label class="checkbox">
<input type="checkbox" data-facet="28" data-constraint="2" data-cat="205" value="1">
<span>Anti-slip</span>
</label>
<label class="checkbox">
<input type="checkbox" data-facet="5" data-constraint="2" data-cat="205" value="1">
<span>Cement/Concrete</span>
</label>
<label class="checkbox">
<input type="checkbox" data-facet="18" data-constraint="2" data-cat="205" value="1">
<span>Contemporary</span>
</label>
<label class="checkbox">
<input type="checkbox" data-facet="23" data-constraint="2" data-cat="205" value="1">
<span>Encaustic</span>
</label>
<label class="checkbox">
<input type="checkbox" data-facet="17" data-constraint="2" data-cat="205" value="1">
<span>Hexagon</span>
</label>
<label class="checkbox">
<input type="checkbox" data-facet="24" data-constraint="2" data-cat="205" value="1">
<span>Large Format</span>
</label>
<label class="checkbox">
<input type="checkbox" data-facet="48" data-constraint="2" data-cat="205" value="1">
<span>Marble</span>
</label>
<label class="checkbox">
<input type="checkbox" data-facet="29" data-constraint="2" data-cat="205" value="1">
<span>Mosaic</span>
</label>
<label class="checkbox">
<input type="checkbox" data-facet="26" data-constraint="2" data-cat="205" value="1">
<span>Outdoor</span>
</label>
<label class="checkbox">
<input type="checkbox" data-facet="25" data-constraint="2" data-cat="205" value="1">
<span>Slim Porcelain</span>
</label>
<label class="checkbox">
<input type="checkbox" data-facet="4" data-constraint="2" data-cat="205" value="1">
<span>Stone</span>
</label>
<label class="checkbox">
<input type="checkbox" data-facet="22" data-constraint="2" data-cat="205" value="1">
<span>Traditional</span>
</label>
<label class="checkbox">
<input type="checkbox" data-facet="54" data-constraint="2" data-cat="205" value="1">
<span>Wood</span>
</label>
</div>
</div>
</form>
はCSS:
.constraint {
margin-bottom: 20px;
}
.constraint h3 {
font-size: 24px;
font-weight: bold;
margin-bottom: 10px;
}
.constraint .control-group {
display: none;
}
のjQuery:
$(document).on('click touch', '.constraint h3', function() {
$(this).next('.control-group').slideToggle(500);
});
任意の助けを事前に感謝!
'.click()'、ほとんど間違いなくモバイルデバイス上で動作するはずです。 [Here](https://www.html5rocks.com/jp/mobile/touchandmouse/#toc-1)は、タッチするとトリガされるイベントの順序付きリストです。 –
@BramVanroyに感謝しますが、可能な複製で述べた 'cursor:pointer;'を追加することで問題は解決しました。 iOSのバグのようです。 –