Kodları lütfen aşağıdaki butonları kullanarak renklendirin. Örnek: <php> echo "Selam Dünya"; </php>
Yardım
karakter kaldı

İE7 de jquery tipsy ve colorbox uygulamaları arasında uyuşmazlık ?

Merhaba arkadaşlar, bir projede kullanmak için jquery tipsy ve jquery colorbox uygulamasını aynı sayfada kullanmam gerekmekte. Bu uygulamarı olması gerektiği gibi sayfaya dahil edip ardından çalıştırdığımda uygulamalardan sadece biri çalışıyor.

Sayfada sadece Tipsy uygulamasının kodlarını bıraktığımda bu uygulama, sayfada sadece colorbox kodlarını bıraktığımda sadece colorbox uygulaması, her iki koduda bıraktığımda sadece colorbox uygulaması çalışıyor.

Bu sorun sadece ie7 de oluşuyor.

Her iki uygulamanında sayfada çalışmasını nasıl sağlarım. Bu konuda fikri olan bilgili kişiler yardımcı olursa çok memnun olurum.

Uygulamanın örnek çalışır sayfası: http://www.huseyiniskender.com/tipsy_colorbox/ff.html
Kaynak kodlar: www.huseyiniskender.com/tipsy_colorbox/tipsy_colorbox.rar 


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-9" />
<title>Untitled Document</title>
<script src="http://code.jquery.com/jquery-1.4.js" type="text/javascript"></script>

<link rel="stylesheet" href="colorbox/colorbox.css" />
<script src="colorbox/jquery.colorbox.js"></script>
<script>
$(document).ready(function(){						
$(".acilir").colorbox({iframe:true, innerWidth:900, innerHeight:544, escKey:false, overlayClose:false});
});
</script>

<link rel="stylesheet" href="tipsy/tipsy.css" type="text/css" />
<link rel="stylesheet" href="tipsy/tipsy-docs.css" type="text/css" />
<script type="text/javascript" src="tipsy/jquery.tipsy.js"></script>
<script type='text/javascript'>
  jQuery(function(){
    jQuery('#ornek').tipsy({fade: true,gravity: 'e',opacity: 0.9,});
  });
</script>
</head>
<body>
<center>
<a href="#" id="ornek" title="Başlık">tipsy</a><br /><br />
<a href="http://www.uzmansorusu.com" class="acilir">colorbox</a>
</center>
</body>

</html>
+0
-0
Cevaba KatılıyorumKatılmıyorum 		Cevap Yaz Yorum Yaz Arşivime Ekle Takip Et

Doğru Cevap

  • secginli adlı üyenin fotoğrafı
    11 yıl önce yazılmış
    secginli
    32 cevap - 3 soru
    uygulamalardan birinde $ tanımlamasını değiştirerek denermisin, ($yeni diye tanımlayarak falan dene)
    • huseyiniskender adlı üyenin fotoğrafı huseyiniskender
      Cevabınız için teşekkür ederim fakat sorun hala devam etmekte. $ yerine diğer kütüphaneler için kullanılan jQuery sözcüğünü denedim sonuç aynı. Uygulama dosyası ise çok kalabalık ve karmaşık olduğundan müdahale edemiyorum.
      11 yıl önce yazılmış
    • secginli adlı üyenin fotoğrafı secginli
      Jquery olmaz, Jquery ile $ aynı şeyi ifade eder. Farklı bir tanımlama ile bir deneyin derim yinede. Birde birini head içinde birinide body içinde çalıştırarakta denermisiniz. Çünkü birbirinden miras alıyor olabilirler.
      11 yıl önce yazılmış
    • huseyiniskender adlı üyenin fotoğrafı huseyiniskender
      Cevabımdanda anladığınız üzere jquery konusunda bilgim kısıtlı. Belirttiğiniz durumlardan bir uygulamanın bosy içine alınmasını denedim fakat sonuç aynı. Farklı tanımlama konusunda ise bilgim yok yardımcı olabilirseniz memnun olurum.
      11 yıl önce yazılmış
    • secginli adlı üyenin fotoğrafı secginli
      var xxx= jQuery.noConflict(true);

      buradaki xxx ifadesi $ yerine geçer. Artık $ yerine xxx kullanabilirsin. (Tabi xxx örnek istediğini yazabilirsin). Bu arada bu gibi tanımlamaları sayfa içindeki farklı scriptler için ayrı ayrı yapabilirsin.
      11 yıl önce yazılmış
    • huseyiniskender adlı üyenin fotoğrafı huseyiniskender
      Belirttiğiniz durumu tipsy uygulaması için şöyle ayarladım fakat bir değişiklik olmadı. 
      <script type='text/javascript'>
var xxx= jQuery.noConflict(true); 
</script>
<link rel="stylesheet" href="tipsy/tipsy.css" type="text/css" />
<link rel="stylesheet" href="tipsy/tipsy-docs.css" type="text/css" />
<script type="text/javascript" src="tipsy/jquery.tipsy.js"></script>
<script type='text/javascript'>
  xxx(function() {
    xxx('#ornek').tipsy({fade: true,gravity: 'e',opacity: 0.9,});
  });
</script>


      Ardından jquery.tipsy.js dosyasındaki tüm $ karakterlerini xxx ile değiştirip yeniden denedim yine sonuç olumsuz.
      11 yıl önce yazılmış
    • secginli adlı üyenin fotoğrafı secginli
      scriptini $(document).ready(function(){ }); bloğu içine alırmısın
      11 yıl önce yazılmış
    • huseyiniskender adlı üyenin fotoğrafı huseyiniskender
      İlginiz için çok teşekkür ederim fakat durum tüm denemelerime rağmen aynı, sanırım uygulamalardan birinin yerine geçecek bir alternatif bulmalıyım.
      11 yıl önce yazılmış
    • huseyiniskender adlı üyenin fotoğrafı huseyiniskender
      Merhaba, bugün internet explorer 6 sürümünde siteyi uygulamayı açmayı denedim hata verdi, hata ayrıntısına baktığımda ise x satır x sütundaki değer dizge bekliyor yazdığını gördüm. Belirtilen satıra baktığımda tek karakterlik bir fazlalığın sıkıntı çıkardığını anlamış oldum. Sorun opacitiy: 0.9 ifadesi ardından gereksiz koyduğum virgülden kaynaklanıyormuş.

      Bu bölümü:
      jQuery('#orn').tipsy({fade: true,gravity: 'e',opacity: 0.9,});

      alttaki gibi yapınca sorunum çözüldü.
      jQuery('#orn').tipsy({fade: true,gravity: 'e',opacity: 0.9});

      Yardımcı olmaya çalıştığınız için tekrardan çok teşekkür ederim.
      11 yıl önce yazılmış

Cevaplar

Hiç cevap bulunamadı.