pichoscosama2
jQuery çalışıyorum. load fonksiyonu ile div'e başka bir sayfa çağırıyorum. Fakat çağırdığım sayfadaki #id'sini tanımladığım spanlar bu değişen div'i etkilemiyor? Ne yapmam lazım?
jQuery çalışıyorum. load fonksiyonu ile div'e başka bir sayfa çağırıyorum. Fakat çağırdığım sayfadaki #id'sini tanımladığım spanlar bu değişen div'i etkilemiyor? Ne yapmam lazım?
0
soruyu tam anlayamadım ama şu ikisinden biri işini gorur diye dusunuyorum;
1. javascript eval fonksiyonunuzu arastırmanızı oneririm;
www.w3schools.com
load la div e yuklediginiz sey string olarak gelir
ya da;
2. diger sayfadaki span islemlerinizi jquery load fonksiyonunun callback inde calıstırın.
1. javascript eval fonksiyonunuzu arastırmanızı oneririm;
www.w3schools.com
load la div e yuklediginiz sey string olarak gelir
ya da;
2. diger sayfadaki span islemlerinizi jquery load fonksiyonunun callback inde calıstırın.
0
Şöyle anlatayım.
index.html
<html>
<head>
<script type="text/javascript" src="jquery-1.3.2.js"></script>
<script type="text/JavaScript">
$(document).ready(function(){
$("#tikler span").click(function(){
$("#gooo").load("sayfa1.html");
});
$("#renkler div").click(function(){
$("#gooo").load("sayfa2.html");
});
});
</script>
<style type="text/css">
#gooo{height:300px;}
#tikler span{padding: 70px;border:1px solid #000000;}
#tikler{height: 100px;}
#renkler{height:40px;}
#renkler div{height:40px;width:40;}
</style>
</head>
<body>
<div id="tikler"><span>tik 1</span></div>
<div id="gooo"></div>
</body>
</html>
sayfa1.html
<div id="denek">denek</div>
<div id="ajaxcek">
<div id="renkler">
<div id="1">1
</div>
<div id="2">2
</div>
<div id="3">3
</div>
<div id="4">4
</div>
</div>
</div>
sayfa1.html gooo idli yeri açıyor ama sayfa1 içindeki sayfa2yi çağırmıyor.
index.html
<html>
<head>
<script type="text/javascript" src="jquery-1.3.2.js"></script>
<script type="text/JavaScript">
$(document).ready(function(){
$("#tikler span").click(function(){
$("#gooo").load("sayfa1.html");
});
$("#renkler div").click(function(){
$("#gooo").load("sayfa2.html");
});
});
</script>
<style type="text/css">
#gooo{height:300px;}
#tikler span{padding: 70px;border:1px solid #000000;}
#tikler{height: 100px;}
#renkler{height:40px;}
#renkler div{height:40px;width:40;}
</style>
</head>
<body>
<div id="tikler"><span>tik 1</span></div>
<div id="gooo"></div>
</body>
</html>
sayfa1.html
<div id="denek">denek</div>
<div id="ajaxcek">
<div id="renkler">
<div id="1">1
</div>
<div id="2">2
</div>
<div id="3">3
</div>
<div id="4">4
</div>
</div>
</div>
sayfa1.html gooo idli yeri açıyor ama sayfa1 içindeki sayfa2yi çağırmıyor.
0
index.html load olduğunda <div id="renkler"> için metod tanımlıyorsun fakat o div sayfa üzerinde olmadığı için böyle bir atama gerçekleşmiyor. sayfa1.html yüklendikten sonra index.html sayfasının load metodunu tekrar çalıştırman lazım yani sayfayı yenilemen lazım böyle olunca da sayfa1.html sayfasının load işlemi iptal olur. bunun için <div id="renkler"> için tanımlayacağın metodu sayfa1.html sayfası load olduktan sonra yapmalısın. aşağıdaki kod sorunu çözecektir.
<script type="text/JavaScript">
$(document).ready(function(){
$("#tikler span").click(function(){
$("#gooo").load("sayfa1.html");
$("#renkler div").click(function(){
$("#gooo").load("sayfa2.html");
});
});
});
</script>
<script type="text/JavaScript">
$(document).ready(function(){
$("#tikler span").click(function(){
$("#gooo").load("sayfa1.html");
$("#renkler div").click(function(){
$("#gooo").load("sayfa2.html");
});
});
});
</script>
0
