CSS pseude-elementlerini JQuery ile eklemek ya da değiştirmek istiyorum, standart css kuralları için yazdığım JQuery kodları işe yaramadı. Acaba ben mi bir hata yapıyorum yoksa bu şekilde bir uygulama yapmak mümkün değil midir?
mbologlu
27.07.2019 12:20
Problemi doğru anlıyorsam ::after için content eklemesi yapan bir css kuralı yazalım ve jquery'de hover eylemi sonucunda da bu pseudo-elementi modifiye edelim:
HTML
<h1 id="deneme">bu</h1>
CSS
#deneme:after {content: attr(data-content) ' denemedir';}
JQUERY
$('#deneme').hover(function(){ $(this).attr('data-content',' bir'); });
Sonuç olarak sayfa ilk yüklendiğinde bu denemedir yazısı ekramda çıkar, "bu" kısmı html, " denemedir" kısmı ise css ile eklenmiştir. mouse imleci ile yazının üzerine gelindiğinde (hover) ise yazı "bu bir denemedir" olarak güncellenir ve aradaki " bir" bölümü de jquery ile eklenmiş olur.
Bu soruya sadece kayıtlı kullanıcılar yanıt yazabilirler. Yanıt yazmak için lütfen giriş yapınız.
oissende 0
utku33 1
İnternet sitemizdeki deneyiminizi iyileştirmek için çerezler kullanıyoruz. Bu siteye giriş yaparak çerez kullanımını kabul etmiş sayılıyorsunuz. Daha fazla bilgi.