Jquery Çakışması mı?

Arkadaşlar Merhaba,

bir tabmenüm var her sayfasında değişik içerik var yalnız 2. seeçenekteki haritalar a tıkladığım da harita hatalı geliyor buyuk karenin içinde solda küçük olarak çıkıyor harita. ama tabın içinden çıkarıp dışına koyduğumda normal çalışıyor. bunu nasıl düzeltebilirim. BU LİNKTE çalışmayı görebilirsiniz.

js ile alakası yok,

$('.TabContent').css('display','none');

bu satırı kaldır bak düzgün çalıştıgını göreceksin,

ya da ;

$('#TabContent1').css('display','block');

bu satırı

$('#TabContent2').css('display','block');

böyle yapınca da çalışır.


google'ın js dosyası hatalı, display none olan bir yere gömünce sapıtıyormuş demek ki,

şöyle bişey yapabilirsin ;

document ready deki goMap fonksiyonunu kaldır.

<script type="text/javascript">

function ac()
{
  $("#sidebar-map").goMap({ 
  markers: [{  
  address: '7931 FERRARI WAY, WINDSOR CA 95492', 
  title: 'marker title 1' ,
  icon: 'images/home.png'
}],
  disableDoubleClickZoom: true,
  zoom: 12,
  maptype: 'ROADMAP'
  }); 
}							
									
$(document).ready(function() {
	$('.TabContent').css('display','none');
	$('#TabContent1').css('display','block');
	$('#Tab1').css('background-color','#fff');	
	$('#Tab1').css('border-bottom','1px solid #fff');
});
function ContentOpen(id) {
	$('.TabContent').css('display','none');
	$('.TabMenuCntr ul li').css('background-color','#eee');
	$('.TabMenuCntr ul li').css('border-bottom','1px solid #ccc');
	
	$('#TabContent'+id).css('display','block');
	$('#Tab'+id).css('background-color','#fff');
	$('#Tab'+id).css('border-bottom','1px solid #fff');	
	
	if(id=="2")
	{
    ac();
	}
}
</script>

Çok teşekkür ederim ancak;

$('.TabContent').css('display','none') bu satırı ve ya diğer kaldır dediklerini kaldırdığım da sorun çıkarıyor tab.

verdiğin js kodunu ekleyince de harita tamamiyle gidiyor. napsam?

bende çalışıyor, aşagıda document.ready de ki fonksiyonları kaldır demiştim, kaldırdın mı ?

bir de yazmayı unutmuşum side-bar div e width height belirtmen gerekiyor ; <div id="sidebar-map" style="width:620px;height:390px;">

aşagıya yükledim çalışan halini.

http://www.4shared.com/document/fIprf3z8/Tab_Men.html

bu linkte şu satırı kaldırdım. harita çalışıyor yalnız sayfa ilk açıldığında ilktab menüde tüm içerik geliyor.

Bu Linkte function u kaldırdım senin yazdığın Js kodunu senin dediğin şekilde oturttuğumda bu şekeilde harita hiç gözükmüyor.

Bi yerde yanlış yapıyo olabilirim.

yukardaki mesajımı editledim.

Çok Teşekkür ederim eline koluna emeğine sağlık vaktini aldım sağolasın.