爲什麼我的點擊事件處理程序不工作？

這令人沮喪！我不能讓我的點擊事件處理程序工作。我花了幾個小時試圖找出問題是什麼，但失敗了。爲什麼我的點擊事件處理程序不工作？

下面是我的模板代碼：

<template name="ViewStats"> 
<div class="tileMenu" > </div> 
</template>

的tileMenu具有嵌入式圖像，足夠大到可以點擊。我甚至試圖用更大的圖像替換嵌入圖像，希望增加可點擊面積，但似乎沒有任何區別。

以下是我的CSS：

.tileMenu{ 
    position: absolute; 
    left: 115px; 
    z-index: 2; 
    height: 49px; 
    background: url(images/tileMenu.png) no-repeat; 
    top: 1px; 
    display: block; 
    height: 24px; 
    margin-left: 1PX; 
    margin-top: 2px; 
    float: left; 
    width: 17px; 
    background-repeat: no-repeat; 
    background-position: right 4px top 3px; 
    background-size: 75% 75%; 
}

而現在它不能火起來的事件handlar。我在做什麼錯？

Template.ViewStats.events({ 

    'click .tileMenu': function (event) { 

     alert("You clicked tileMenu"); 
     } 
});

有人可以解釋爲什麼我的警報功能無法啓動？

在此先感謝！

來源

2017-04-08 SirBT

您要放置模板的位置？ – winter

@amaia在main.html中。與main.js中的事件相同的文件夾 – SirBT

你的模板事件代碼是好的，它應該工作。

因此，我認爲你的實際事件沒有發生的原因是因爲你的點擊沒有註冊到你所定位的div上。

這可能是由於div位置奇怪或位於另一個div之下。嘗試刪除所有樣式並單擊div。也請嘗試檢查元素以查看實際tileMenu div在您的頁面上的位置。

暫時在div中添加一些內容作爲視覺測試。所以你知道你點擊的是div。例如：

<div class="tileMenu" > CLICK ME CLICK ME CLICK ME </div>

我懷疑，一旦你刪除的樣式或定位的DIV是，點擊它，你會看到你的警告射擊。

來源

2017-04-09 11:17:45 Sean

沒有內容的div很難點擊。把一些內容放在那裏，這樣你就可以確保你真的點擊了div。嘗試添加文本和測試。或者嘗試將圖像放在實際的HTML中而不是背景

來源

2017-04-10 02:24:50

爲什麼我的點擊事件處理程序不工作？

回答

相關問題