移動設備：點擊一個字體真棒圖標

我有一個字體真棒圖標移動設備：點擊一個字體真棒圖標

<i class="fa fa-angle-up fa-3x custom-close" id="proyect-close"></i>

這是可點擊：

$('#proyect-close').click(function(){ 
    $('#proyect').slideUp('slow', function(){ 
    $(window).trigger('resize.px.parallax'); 
    }); 
});

它適用於臺式電腦很好，但在手機上（我已經嘗試過iPhone和Android），這是因爲沒有點擊事件，我一直在觸摸字體真棒圖標，什麼也沒有發生。

我加了display:block;或display:inline-block; CSS的字體真棒，因爲我發現在研究上，但也沒有工作。以防萬一，這是CSS：

.proyecto .custom-close{ 
    display: inline-block; 
    color: white !important; 
    position: absolute; 
    right:10%; 
    margin-top:-5px; 
    min-width:28px; 
    min-height:42px; 
}

如果有人知道爲什麼發生這種情況，什麼是解決它的伎倆，我會真的心存感激。

來源

2015-09-17 pablito.aven

什麼是應用於此元素的其餘CSS代碼？我認爲這可能有助於強制寬度和高度，但也許情況已經如此了？ –

@LaurentS。這就是應用於此元素的所有自定義CSS。我只是試着設置高度和寬度，但仍然沒有工作。任何其他想法？ –

必須有其他的CSS，因爲在這裏沒有提及圖標字體......使用圖標字體時你實際點擊的是僞元素':: before'或':: after'，並且它就是那個需要有一定寬度和高度的元素。請做一個jsFiddle再現你的問題。 –

我解決了它。訣竅是改變這種

<i class="fa fa-angle-up fa-3x custom-close" id="proyect-close"></i>

此

<a class="custom-close" id="proyect-close"><i class="fa fa-angle-up fa-3x custom-close"></i></a>

我使用的跨度，而不是一個錨的嘗試，但somewhy只錨起作用。我還必須添加一些CSS：

a.custom-close{ 
    z-index:2; 
} 
i.custom-close{ 
    z-index:1; 
}

來源

2015-09-17 15:43:28

移動設備：點擊一個字體真棒圖標

回答

相關問題