onclick事件无法在ipad和平板电脑上运行

时间:2013-06-18 05:58:43

标签: jquery html ipad tablet

onClick事件无法在平板电脑上运行,ipad?它完全适用于Pc浏览器,但不适用于触摸事件,我尝试.binding(),. on()和很多东西,但它们没有给出100%的结果。

如何让它在ipad,平板电脑上运行?

<div id="id1" alt='div1' class="sliderImage" width="300" height="360" onclick="" style="visibility:hidden;background-image:url('img/img1.jpg'); border:solid; border-color: black;">You've styled the div to have a set width of 100px. At a reasonable font size, that's too much text to fit in 100px. Without doing anything, </div>
<div id="id2" alt='div2' class="sliderImage" width="300" height="360" onclick="" style="visibility:hidden;background-image:url('img/img2.jpg'); border:solid; border-color: black;">this is 2</div>

3 个答案:

答案 0 :(得分:0)

您可以对平板电脑使用tap, swipe, taphold etc个事件,触摸就可以执行此操作

$('htmlelement').bind('click', ClickFunction ).bind('tap', ClickFunction );

以下是jquery移动事件列表events

还尝试使用jquerymobile

答案 1 :(得分:0)

您必须绑定“click”或“tap”事件才能进行关联的HTML控件。你可以像这样绑定

$('elementid').bind('click',function() {   alert('Click event triggered'); });

OR

$('elementid').bind('tap',function() {  alert('Tap event triggered'); });

答案 2 :(得分:0)

你需要使用touchstart我给你一个小例子,

$('elementid').on('click touchstart', function() {
      console.log('1');
});

触摸屏上放置触摸点时会触发touchstart事件。