Question

当我使用touchstart事件在我的phonegap应用程序上显示div时，那就打开了div，但也点击了这个div中的按钮。

您是否有任何想法阻止按钮被触发？

Answer 1

...我不确切地知道你的意思但也许这有帮助 - ＆gt;

如果您使用的是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/

touchstart事件单击其他元素

1 个答案: