tarhaneh
یک شنبه 24 فروردین 1393, 21:45 عصر
سلام
من دو قطعه کد زیر رو نوشتم، هر دو کد هم به درستی کار میکنه اما ....
کد اول وقتی اجرا میشه استایل دکمه میره داخل یه باکس مخفی و همچنین یه خط کد html ساخته میشه (یه چیزی مثل انتخاب کردن چندین موارد هست) این کد کاملا درست کار میکنه
کد دوم هم برعکس بالایی عمل میکنه، یعنی چیزایی که توسط کد اولی ساخته شده رو پاک میکنه
مشکل من با کد دوم هست، وقتی خودم از قبل کدهای اچ تی ام الی که قراره کد اول بسازه رو میزارم کد دوم کار میکنه اما وقتی با کد اول کدهارو تولید میکنم و بعد با کد دوم میخوام حذفش کنم دیگه حذف نمیکنه
اینم بگم که دگمه ها بهصورت اس وی جی هست
$('#ch path').click(function(){ if ( !this.hasClass('sold') ){ this.toggleClass('selected'); var CID = $(this).attr('id'); var title = '<div class="TT ' + CID + '">' + $('title', this).text() + '<input type="button" class="delete"></div>'; if (this.hasClass('selected')) { $('#selectedc').val($('#selectedc').val() + CID + ","); $('.CB .CBox').html($('.CB .CBox').html() + title); } else { $('#selectedc').val($('#selectedc').val().replace( CID + ",", "")); $('.CB .CBox').html($('.CB .CBox').html().replace(title, "")); } }; });
اینم کد دوم
$(".delete").click(function(){ var deleteID = $(this).parent().attr('class').split(' ')[1]; $('#selectedc').val($('#selectedc').val().replace( deleteID + ",", "")); $('.' + deleteID).remove(); });
اینم بخش اچ تی ام الش
<div class="CBox"> <div class="TT r1c6">توضیحات گزینه<input type="button" class="delete"></div> </div>
من دو قطعه کد زیر رو نوشتم، هر دو کد هم به درستی کار میکنه اما ....
کد اول وقتی اجرا میشه استایل دکمه میره داخل یه باکس مخفی و همچنین یه خط کد html ساخته میشه (یه چیزی مثل انتخاب کردن چندین موارد هست) این کد کاملا درست کار میکنه
کد دوم هم برعکس بالایی عمل میکنه، یعنی چیزایی که توسط کد اولی ساخته شده رو پاک میکنه
مشکل من با کد دوم هست، وقتی خودم از قبل کدهای اچ تی ام الی که قراره کد اول بسازه رو میزارم کد دوم کار میکنه اما وقتی با کد اول کدهارو تولید میکنم و بعد با کد دوم میخوام حذفش کنم دیگه حذف نمیکنه
اینم بگم که دگمه ها بهصورت اس وی جی هست
$('#ch path').click(function(){ if ( !this.hasClass('sold') ){ this.toggleClass('selected'); var CID = $(this).attr('id'); var title = '<div class="TT ' + CID + '">' + $('title', this).text() + '<input type="button" class="delete"></div>'; if (this.hasClass('selected')) { $('#selectedc').val($('#selectedc').val() + CID + ","); $('.CB .CBox').html($('.CB .CBox').html() + title); } else { $('#selectedc').val($('#selectedc').val().replace( CID + ",", "")); $('.CB .CBox').html($('.CB .CBox').html().replace(title, "")); } }; });
اینم کد دوم
$(".delete").click(function(){ var deleteID = $(this).parent().attr('class').split(' ')[1]; $('#selectedc').val($('#selectedc').val().replace( deleteID + ",", "")); $('.' + deleteID).remove(); });
اینم بخش اچ تی ام الش
<div class="CBox"> <div class="TT r1c6">توضیحات گزینه<input type="button" class="delete"></div> </div>