touchstart事件单击其他元素

Question

当我使用touchstart事件在我的phonegap应用程序上显示div时，会打开div，但也会单击进入该div的按钮。

你有什么办法防止按钮被触发吗？

Answer 1

..。我不知道你确切的意思，但也许这对->有帮助

如果你使用的是jQuery，你可以这样做：

HTML

<div class="container">
  <div class="header">Bla blah</div>
  <div class="content">
    <p> Some content here </p>
  </div>
</div>

<div class="container collapsed">
  <div class="header">Bla blah</div>
    <div class="content">
    <p> Some content here </p>
  </div>
</div>

CSS

.container{
  width:300px;
  background:#ccc;
  margin:10px;
  float:left;
}

.header{
  background:url('http://cdn1.iconfinder.com/data/icons/vaga/arrow_up.png') no-repeat;
  background-position:right 0px;
  cursor:pointer;
}

.collapsed .header{
  background-image:url('http://cdn2.iconfinder.com/data/icons/vaga/arrow_down.png');
}

.content{
  height:auto;
  min-height:100px;
  overflow:hidden;
  transition:all 0.3s linear;
  -webkit-transition:all 0.3s linear;
  -moz-transition:all 0.3s linear;
  -ms-transition:all 0.3s linear;
  -o-transition:all 0.3s linear;
}
.collapsed .content{
  min-height:0px;
  height:0px;
}

JS

$(function(){
  $('.header').click(function(){
    $(this).closest('.container').toggleClass('collapsed');
  });

});

这里有一个适合您的实用工具：http://jsfiddle.net/AMzfe/