PDA

View Full Version : سوال: کار نکردن سلکتور برای کلاس هایی که با متد html() ایجاد شدن


mohsen670
جمعه 04 مرداد 1392, 23:24 عصر
با سلام. توی کد زیر من از یک متد html برای نوشتن یک عبارت استفاده کردم. حالا داخل اون عبارت، یک لینک close هست که می‌خوام با jquery انتخابش کنم. اما نمیشه. کد:


<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("p").html('<a href="javascript:void(0)" class="close">˟</a>');
});
$("a.close").on('click',function(e){
$("article").fadeOut(500);
});
});
</script>
</head>
<body>
<button>Change content of all p elements</button>
<p>This is a paragraph.</p>
<article>This is article.</article>
</body>
</html>

لطف کنید اگر متدی جایگزین html هست یا روش دیگری برای انجام fadeOut معرفی کنید. ممنون
2undercover
شنبه 05 مرداد 1392, 06:50 صبح
می تونید این کارو برای اضافه کردن اون لینک بکنید:

$('button').click(function(){
var close = $('<a href="javascript:void(0)" class="close">˟</a>');
$('p').html('');
close.appendTo('p');
});
Hajivandian
شنبه 05 مرداد 1392, 11:14 صبح
سلام،

هم میتونی از کد جناب 2undercover استفاده کنی و هم از کد زیر:



<script type="text/javascript">
$(document).on("click","a.close",function(e){
$("article").fadeOut(500);
});

$(document).ready(function(){
$("button").click(function(){
$("p").html('<a href="javascript:void(0)" class="close">˟</a>');
});
});
</script>
afshin9032
شنبه 05 مرداد 1392, 17:13 عصر
کد خود شما یکجا اشتباه کرده بودید .
جایی رویداد رو تعیین می کنید که هنوز در صفحه add نشده است .

کد اصلاحی :


<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("p").html('<a href="javascript:void(0)" class="close">?</a>');
$("a.close").on('click',function(e){
$("article").fadeOut(500);
});
});

});
</script>
</head>
<body>
<button>Change content of all p elements</button>
<p>This is a paragraph.</p>
<article>This is article.</article>
</body>
</html>
mohsen670
یک شنبه 06 مرداد 1392, 04:49 صبح
ممنون از همه خوبان. کد جناب 2undercover کاملا و به درستی کار کرد. باز هم تشکر
azamicu
یک شنبه 06 مرداد 1392, 18:43 عصر
تو پست های قبلی جواب اینن سوال دادخ شده دوست عزیز
وقتی که شی رو ساختی بعد تو همون تابع خودتو بهش bind بکن :چشمک: