2016-07-14 31 views
-1

我的問題是,我想觸發一個CSS屬性的點擊事件我動態地創建一個表,並在該表內有單元格,每個單元格上有3個分區細胞。所有這些都是動態創建的。如何激發css屬性(背景)上的點擊事件

每個分區內都有一個圖像,所以我只想在這些分區的圖像上觸發點擊事件。以下是我的代碼。

function createInnerDiv(day, period) 
{ 
    var divSub  = document.createElement('div'); 
    var divT  = document.createElement('div'); 
    var divTopics = document.createElement('div'); 

    divSub.id  = "Sub" + day + "" + period; 
    divT.id   = "T" + day + "" + period; 
    divTopics.id = "Topics" + day + "" + period; 

    divSub.addEventListener('click',function(){ 
     teacherTT  = divT.innerHTML; 
    }); 

    divT.addEventListener('click',function(){ 
     teacherTT = $(this).html(); 
    }); 

    divTopics.addEventListener('click',function(){ 
     teacherTT=divT.innerHTML; 
    }); 

    divx.appendChild(divSub); 
    divx.appendChild(divT); 
    divx.appendChild(divTopics); 
} 

CSS吧:

.class 
{ 
    border-bottom: 1px solid antiquewhite; 
    background: url("../images/cross-bright.png") no-repeat scroll 98% center; 
} 

任何幫助將不勝感激... ... thanku

+0

請創建一個[最小,完整,可驗證的示例](http://stackoverflow.com/help/mcve),以使我們能夠幫助您更有效(考慮您的編譯代碼一個片段或jsfiddle) – RDardelet

+0

看到這個答案http://stackoverflow.com/questions/15314004/detect-hover-over-background-image。這不完全相同,但OP所要做的一般想法是相似的。我不認爲你可以做你在問什麼 - 事件只能附加到DOM元素,而不是屬性 – ADyson

+0

你能爲此提供小提琴嗎? –

回答

0

我不明白的div你需要在加個班點擊事件,但這是你如何做到這一點。

divTopics.addEventListener('click',function(){ 
    teacherTT=divT.innerHTML; 
    $(divTopics).addClass('class'); 
}); 

https://api.jquery.com/addclass/

+0

不適合我的事件 –