如何使用語義 UI 處理點擊圖標

Question

我正在使用語義 UI 創建一個基本的前端，我正在添加一個圖標，如下所示：

<div class="ui one column grid">
        <div class="column">
            <div class="ui basic segment center aligned">
                <i class="link home big icon"></i>
                
            </div>
        </div>
</div>

現在我想要做的是當用戶單擊該段中的圖標時能夠調用 function。 我試圖通過簡單地添加來做一些事情：

<script>
     alert("Clicked");
</script>

假設這將與基本的點擊處理程序連接，但這似乎沒有被調用。

Answer 1

您可以使用 function 並添加 onClick 偶數處理程序來觸發 function，

function handleClick(){
    alert("Clicked");
};

假設你想點擊

<i class="link home big icon"></i>

你可以做

<i class="link home big icon" onClick="handleClick()"></i>