Question

嘿伙计我通过phonegap在我的移动应用程序开发中遇到一个非常奇怪的问题，因为我正在尝试制作包含一些图像的模态，并且我正在对此模式中的每个图像执行touchstart事件，这会导致更改其边框颜色，如果任何图像被轻拍（触摸开始）bas有一个非常奇怪的事情发生touchstart只有在第二次触摸图像后才会被触发然后完全正常它在第二次触摸之后每次触摸都被触发但是非常第一次触摸根本不被认为是触摸!!它甚至没有进入touchstart的eventlistener，因为我尝试使用警报并且它根本没有进入该功能..并且对于您的信息，如果这些图像被放置在模态之外，一切都运行完美且触摸启动事件从第一次触摸发生，所以这与模态或某事有关！???！因为我真的不知道这个问题是什么，它让我发疯！ ....我现在将发布我的代码，用于改变图像边框颜色和html页面的javascript ..

<button data-toggle="modal" data-target="#squarespaceModal" class="btn btn-primary center-block buttoncss">My Muscle!</button>



<div class="modal fade active" id="squarespaceModal" tabindex="-1" role="dialog" aria-labelledby="modalLabel" aria-hidden="true">
	<div class="modal-body">
			 <!-- Start Muscles Choices -->
    <div class="top" style="background-color:#EEEEEE">
    	<ul>
    	<li>
    	<h4 style="color:#323232">What are you playing today ?</h4>
    	</li>
    	</ul>
     <div>
     <div class="container">
      <div class="row">
    <div class="col-xs-4">
    <div>
    <img id="back" class="img-circle" src='img/back.png' />
     <h5 style="color:#323232" class="text-center" style="color:white">Back</h5>
    </div>
    </div>
        <div class="col-xs-4">
        <div>
            <img id="shoulder"  class="img-circle" src="img/Shoulder.png" />
            <h5 style="color:#323232" class="text-center" style="color:white">Shoulders</h5>
        </div>
    </div>
        <div class="col-xs-4">
        <div>
            <img id="chest"  class="img-circle" src="img/BenchPress.png" />
            <h5 style="color:#323232" class="text-center" style="color:white">Chest</h5>
        </div>
    </div>
       </div>
    </div>
    </div>
    </div>
  
  <div style="background-color:#EEEEEE" >
     <div>
     <div class="container">
      <div class="row">
    <div class="col-xs-4">
    <div>
    <img id="legs" class="img-circle" src='img/Legpress.png' />
     <h5 style="color:#323232" class="text-center" style="color:white">Legs</h5>
    </div>
    </div>
        <div class="col-xs-4">
        <div>
            <img id="biceps"  class="img-circle" src="img/biceps.png" />
            <h5 style="color:#323232" class="text-center" style="color:white">Biceps</h5>
        </div>
    </div>
        <div class="col-xs-4">
        <div>
            <img id="triceps"  class="img-circle" src="img/triceps.png" />
            <h5 style="color:#323232" class="text-center" style="color:white">Triceps</h5>
        </div>
    </div>
       </div>
    </div>
    </div>
    </div>
	</div>
  </div>

{{1}}

Answer 1

我不知道为什么，但是如果从模态中删除“淡入淡出”类，则touchstart事件会在第一次触发。

Touchstart第二次在模态移动设备上工作

1 个答案: