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/