Jquery .Animate() Problemi
-
Tag ekleme çıkarma dalgasıyla uğraşıyorum. Eğer tag-container'da eklenmeye çalışılan tag varsa o tag'e .animate() uyguluyorum ancak olmuyor. .css() uygulayabiliyorum ama .animate() uygulayamıyorum.
Fiddle: http://jsfiddle.net/ny9goz1x/#&togetherjs=yHJ1QPj24Q
Dipnot: Normalde taglerin üstüne gelicne font-awesome glyphicon'larından çıkıyordu ancak fiddle'a import etmediğim için tagleri kaldıramıyorsunuz fiddle'da, haberiniz olsun.
-
Hocam kodlardan da anlamadım ne yapmak istediğini tag ekleyip çıkarmak nedir
Class ekleme çıkarma desek addClass removeClass
Html tag silme ekleme desek remove() hide() show() append() html() vs.
Tag derken neyi kastediyorsun sen? Anahtar kelimeler mi yoksa bu nedir yani?
-
by_Tet bunu yazdı
Hocam kodlardan da anlamadım ne yapmak istediğini tag ekleyip çıkarmak nedir
Class ekleme çıkarma desek addClass removeClass
Html tag silme ekleme desek remove() hide() show() append() html() vs.
Tag derken neyi kastediyorsun sen? Anahtar kelimeler mi yoksa bu nedir yani?
hacı tag'den kastım bildiğimiz şu konu açarkenki tagler. Onun gibi bir şey yapmaya çalışıyorum. Oradaki input'a giriyorsun tagleri, ekle diyince ekliyor. Sonra eklerken eğer o eklenenler içinde varsa eklemeye çalıştığın tag, onu animate() ile vurgulamaya çalışıyorum(bkz. js kısmı satır 17). Ancak olmuyor.
-
Lightsaber bunu yazdıby_Tet bunu yazdı
Hocam kodlardan da anlamadım ne yapmak istediğini tag ekleyip çıkarmak nedir
Class ekleme çıkarma desek addClass removeClass
Html tag silme ekleme desek remove() hide() show() append() html() vs.
Tag derken neyi kastediyorsun sen? Anahtar kelimeler mi yoksa bu nedir yani?
hacı tag'den kastım bildiğimiz şu konu açarkenki tagler. Onun gibi bir şey yapmaya çalışıyorum. Oradaki input'a giriyorsun tagleri, ekle diyince ekliyor. Sonra eklerken eğer o eklenenler içinde varsa eklemeye çalıştığın tag, onu animate() ile vurgulamaya çalışıyorum(bkz. js kısmı satır 17). Ancak olmuyor.
Sil baştan kendi bildiğim gibi birşey karalayacam hocam. Arraya atamak yerine o tagleri döngüye almak daha mantıklı text ile zaten alabilirsin htmlden sıyırıp
Sonra animasyon için de animate saçma geldi css3te daha basit yolu vardı. Animate sanki daha farklı kullanıyorduk
Eklerken de direk append ile eklesek daha kolay
Silerken de remove ile sileriz toplamda 1er satırlık 2 fonksiyon 3 satırlık bir fonksiyon yetrrli gibi
Ama telefondayım bilgisayara geçiyim de
-
animate de backgroundColor u jquery tek başına desteklemiyor. jqueryui yi eklersen istediğin olur. ha dersen efektli geçmesin animate den direk css ile renk ver.
-
Cosmic bunu yazdı
animate de backgroundColor u jquery tek başına desteklemiyor. jqueryui yi eklersen istediğin olur. ha dersen efektli geçmesin animate den direk css ile renk ver.
hocam öyle de denedim, ama animate'in içinde çalışmıyor. Hatta normal .css() çalışıyor diye timeout koyup denedim yine olmadı.
-
findTagByText(tags[raw_tag]).animate({ backgroundColor: "#e74c3c" }, 400);
kısmını
findTagByText(tags[raw_tag]).css('backgroundColor','#e74c3c');
yap çalışıyor -
Cosmic bunu yazdı
findTagByText(tags[raw_tag]).animate({ backgroundColor: "#e74c3c" }, 400);
kısmını
findTagByText(tags[raw_tag]).css('backgroundColor','#e74c3c');
yap çalışıyoryok öyle yapınca çalışıyor biliyorum ama ben ona duration vermek için animate kulanıyorum, animate in içine koyunca onu o zaman çalışmıyor.
-
Hızlı bir biçimde şunu hazırladım
http://jsfiddle.net/ny9goz1x/1/
Eğer evet bu dersen tamamlayım; yanlış anlamış olabilirim çünkü..
edit: ben bayağı yanlış anlamışım galiba şimdi tekrar bakacam
edit2: ben yapmak istediğini yapmışım da animate olayına bir çözüm düşünemedim. bir de animate ile birşeyler yazayım bakalım ama bence opacity ayarlamak daha mantıklı hocam sonuçta aynı blink efekt
by_Tet tarafından 16/Ağu/15 18:45 tarihinde düzenlenmiştir -
Animate ile halledilmiş hali buyur hocam
http://jsfiddle.net/ny9goz1x/2/
External source eklemeden olmadı maalesef. jquery'nin kendi eklentisi color ile iş haloldu muhtemelen istediğin olmuştur. Ayrıca dediğim gibi gereksiz arraya da ihtiyaç kalmadı incele bence
İnceleyince cevap yazarsan sevinirim boşa mı uğraşıyorum bileyim yahu :)
-
css koduna transition ekle hacı aynı işi yapacaktır sana.
a.tag {
float: left;
margin-left: .5em;
margin-top: .5em;
padding: .5em;
background: #2980b9;
text-decoration: none;
color: #ffffff;
// burayı ekle css
transition:0.5s;
-webkit-transition:0.5s;
}
// js olarakta bunu kullan
findTagByText(tags[raw_tag]).css('backgroundColor','#e74c3c');