Javascript çakışması sorununun çözümü

Javascript çakışması sorununun çözümü

Aslında java script çakışmalarının sebebi aynı selector'ün farklı yerlerde kullanılmasıdır. Örnek olarak Jquery'deki Lightbox uygulamasını bilirsiniz, ben yaptığım bir projede bu ve bununla beraber bir jquery keywords input kullandım ve hangisinin kodunu aşağıya koyarsam o çalışıyor diğeri çalışmıyor. Biraz javascript bilgisi olan arkadaşlar ne dediğimi anlarlar. Birçok çözüm önerisini uygulayıp düzeltmeye çalıştım ama nafile.. 

Her zaman olduğu gibi biraz araştırdım ve öğrendim ki "$" jquery selector değişkeni yüzünden oluyormuş bu çakışma. Javascriptindeki bütün dolar işaretlerini değiştirip "jquery" yazmak da yeterliymiş fakat bunu her JS dosyasında kullanamıyorsunuz. Zaten bu dolar işareti "$" Jquery'nin uzun halidir. Aynılar yani. O yüzden "$" işareti yerine "$x" veya "$handler" gibi değişken değiştirerek kullanabiliriz. Fakat değiştirirken de bunun değişken olduğunu belirtmeliyiz. 

var $handle = jQuery.noConflict();

gibi.. 

Hemen çakışan kodlamayı nasıl düzeltiriz örnek verelim.

Çakışan kodumuz;



Selector'ü değiştirilmiş düzgün çalışan benzersiz kod ise;



Benim gibi bu hatalar ile karşılaşan arkadaşların daha az zaman harcayarak çözüm bulmaları dileğiyle.. 

Hafzullah Yıldırım

Merhaba ben Hafzullah! Voiser.net, Hesaplus.com projelerinin kurucusuyum. 2015'te Kocaeli Üniversitesi'nden mezun oldum ve devamında Yüksek Lisans eğitimimi tamamladım. 2017'de çalıştığım şirketten istifa ederek kendi yazılım firmam Hafzullah.com.tr'yi kurdum.

İlk Yorumu Sen Yap

Benzer Yazılar

Voiser Kimin?
Voiser.net Nedir?
Voiser Yeni Ofisine Geçti
İzmit'te Pandemi (Tam Kapanma)
Bedelli Askerliğin Tarihçesi