عمل نکردن رویداد ب دایوی که بعدا اضافه شده [بایگانی]

olampiad

یک شنبه 12 مرداد 1393, 18:56 عصر

سلام و خسته نباشید ب اساتید.
به این کد من ی نگا بندازید.
میشه یکبار این رو در سیستم خودتون اجرا کنید و نتیجه رو مشاهده کنید
من در اینجا گفتم وقتی که روی کلاس pp عمل کلیک انجام شد پنجره ای باز شود.
در هر 4 ثانیه هم یک دایو با کلاس pp ایجاد میشود.
حالا این دستور من روی دایو اصلی کار می کند ولی روی دایو هایی که بعدا ایجاد شده اند کار نمکند.
امیدوارم منظورمو متوجه شده باشین.
مشکل از کجاست؟
دایو هایی که بعد اضافه شده اند بخشی از صفحه مان محصوب میشوند؟
ممنون بابت راهنمایی ها

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title></title>

<style type="text/css">
.pp{
width:100px;
height:100px;
background:#0FC;
margin:10px;
}

</style>

<script type="text/javascript" src="jquery-1.10.2.js"></script>
<script type="text/javascript" src="jquery-ui-1.10.4.js"></script>
<script type="text/javascript">

$(document).ready(function(e) {
setInterval(function(){
$('<div class="pp"> one </div>').appendTo('#tt');
},4000);

$('.pp').click(function(){
alert('okk');
})

});

</script>

</head>

<body>

<div id="tt">

<div class="pp">
</div>

</div>

</body>
</html>

saman6384

دوشنبه 13 مرداد 1393, 11:09 صبح

خوب نباید هم کار کنه!!
اون خط که داری فانکشن کلیک رو تعریف می کنی ، بنداز تو فانکشن setinterval

olampiad

دوشنبه 13 مرداد 1393, 20:17 عصر

سلام و خسته نباشد
من کد شمارو ب صورت پایین عملی کردم ولی خطا داشت.
یعنی پنجره ی alert دیگه قطع نشد.
و هر 10 صدم ثانیه اجرا میشد.
چ حوری این مسئله رو حل کنم.
ممنون میشم راهنمایی کنید.

setInterval(function(){

$('.pp').click(function(){
alert('d');
})

},10)

});

olampiad

دوشنبه 13 مرداد 1393, 20:30 عصر

سلام
این کد چرا کار نمکنه
فکنم اگر از live استفاده کنیم حل بشه.

$(".pp").live("click",function(){
alert('d');
});

مشکل sintax که نداره.
ممنون بابت راهنمایی ها.

tux-world

دوشنبه 13 مرداد 1393, 21:22 عصر

کدتون درسته من تست کردم. ببینید اون مسیری که برای jquery دادید درسته؟ firebug نصب کنید و استفاده ازش رو یاد بگیرید

saman6384

چهارشنبه 15 مرداد 1393, 07:55 صبح

اشتباه نوشتی برادر

<!doctype html><html><head> <meta charset="utf-8"> <title></title>
<style type="text/css"> .pp { width: 100px; height: 100px; background: #0FC; margin: 10px; } </style>
<script type="text/javascript" src="jquery-1.8.3.min.js"></script> <script type="text/javascript">
$(document).ready(function (e) { setInterval(function () { var pp = $('<div class="pp"> one </div>'); pp.appendTo('#tt'); pp.click(function () { alert('okk'); });
}, 4000);

});

</script>
</head>
<body>
<div id="tt">
<div class="pp"> </div>
</div>
</body></html>

saman6384

چهارشنبه 15 مرداد 1393, 07:59 صبح

کدتون درسته من تست کردم. ببینید اون مسیری که برای jquery دادید درسته؟ firebug نصب کنید و استفاده ازش رو یاد بگیرید

اگه آدرس اشتباه داده بود که کلا کلیکش کار نمی کرد.