CSS Hover olayı ajaxla yüklenen sayfada neden çalışmaz ?

[Pluton]

.table tbody tr.odd:hover td,
.table tbody tr.even:hover td { padding:100px; }

Sayfayı ilk yüklediğimde sorun yok. Ama aynı sayfayı ajax ile load edersem bu kod çalışmıyor. Sebebi hikmeti nedir bilen var mıdır ?

[di]

Cunku sen o event'i ilk bind ettiginde o element sayfada olmuyor. Haliyle jquery'nin event'i bind ederken cikardigi map'te yer almiyor ve bu sebeple de calismiyor.

Velhasil yapman gereken her ajax comlete'de, o event'leri unbind edip sonra tekrar bind etmek.

Gidip iki kere $("#hede").click(function(){...}); deme bu arada. Diger turlu kack kere tanimlanirsa o kadar kere calisiyor. 9 tane ajax request'in olduysa ve sen 9 kere ajax complete olayinda click event'i bind ettiysen, sen 1 kere tikladiginda o 9 kere calisiyor. O sebeple yukarda yazdigim gibi bind ve unbind kullan.

Son olarak bu yazdiklarimi degerli bilgiler ansiklopedisine koyun. Cok sahane bilgiler verdim yine. adsas

[Pluton]

artizlik diz boyu ama işe yarar kesinlikle

[di]

Begenmiyosan kullanma yapraam.

[Seele]

bisi bildigi yok iki html kodu biliyor. webmasterim panpa diye geziyor.

[Kojiroh]

jQuery kullanıyosan $(selector).bind(...) ya da $(selector).mouseover(...) değil de $(selector).live('mouseover', ...) kullanman lazım. live dediğin zaman o sayfaya sonradan eklenen her DOM elementi için de otomatik bind edilir.

Edit: Bu arada CSS niye çalışmasın ya, çalışması gerekir. CSS'teki :hover pseudo selector'u çalışmıyosa başka bi şey vardır orda

[reyou]

tbody i kaldir aradan.