2016-03-28 31 views
0

這是我的第一個問題,我不擅長英語,對不起。我有一個在一個div,但我怎麼能觸發事件在div和防止事件<a>?

當我點擊div時,我的代碼無法停止跳躍。 列表是一個包含一些細節的div。 我的JS:

function clickList(e) 
{ 
    var listAll=e.parentNode.childNodes; 
    var list=listAll[1]; 
    console.log(list); 
    if (list.style.display == "none") 
    { 
     list.style.display = "block";  
    } 
    else 
    {  
     list.style.display = "none";  
    } 
    e.stopPropagation();  
} 

我的html:

<a href="an address"> 
    <div class="pull-right" onclick="clickList(this)"> 
    <i class="iconfont">&#xe60a;</i> 
    </div> 
</a> 

回答

0

當你停止事件傳播,你可以擁有的javascript:無效(),如下面的href,而不是地址:

<a href="javascript:void(0);"> 
    <div class="pull-right" onclick="clickList(this)"> 
    <i class="iconfont">&#xe60a;</i> 
    </div> 
</a> 

同樣刪除e.stopPropagation();在clickList中,因爲這將是div對象而不是事件對象。

+0

我找不到我的錯。也許我嵌套太多了。無論如何謝謝你。 – FlyingPimp

相關問題