2012-05-18 21 views
0

我在我的項目中有一個div,並且在這個div上有一個按鈕,它有一個向下滑動div的動作,但div本身有一個動作,onclick向上滑動將按鈕的動作從div的動作中分離出來

這裏的問題是,當我按一下按鈕按鈕的操作完成後,該DIV滑下也是div的動作被觸發,再向上滑動堂妹按鈕是它的一部分

我希望我給你點 這裏是一些代碼

<div id='container' onclick='slideup()'> 
    <button onclick='slidedown()'>click</button> 
</div> 

其效果基本show和了slideDown的功能添加由我在javascript

回答

4

添加return falsefunction slidedown

<div id='container' onclick='slideup()'> 
    <button onclick='slidedown()'>click</button> 
</div> 

function slidedown(){ 
    ... 
    ... 
    return false; 
} 

因爲你標記你的問題jQuery,你爲什麼不利用這個美好的圖書館嗎?

$('#container button').click(function(){ // or use $('#button-id')... 
    slidedown(); 
    return false; 
}); 

$('#container button').click(slideup); 

更新HTML

<div id='container'> 
    <button >click</button> <!-- better give that button an id--> 
</div> 
+0

或,使用jQuery,'stopPropagation()' – fcalderan

+0

@ F.Calderan。在這個代碼中,它是一樣的。 – gdoron

+0

是的,我知道和upvoted,這只是一個替代:) – fcalderan