نمایش نتایج: از شماره 1 تا 7 , از مجموع 7

موضوع: دسترسی به المانی که append شده

  1. #1
    عضو انجمن
    تاریخ عضویت
    Jun 2015
    نوشته ها
    194
    تشکر تشکر کرده 
    213
    تشکر تشکر شده 
    22
    تشکر شده در
    20 پست

    پیش فرض دسترسی به المانی که append شده

    به کد زیر توجه کنید :

    کد HTML:
    <div class="image_center">
    
    </div>
    
    
    var d= '<p class="close_image">حذف</p>';
    
    
    $('.image_center').append(d);
    
    تگ p رو به المان image_center اضافه کردن .

    حالا میخوام بعد از append کردن , تگ p رو سلکت کنم . هر کاری میکنم کار نمیکنه .

    کد HTML:
    $('.image_center').on('click',function () {
        alert('s');
    });
    
    

  2. # ADS




     

  3. #2
    عضو جدید AmirWWP آواتار ها
    تاریخ عضویت
    Mar 2016
    محل سکونت
    تــهــرانــ
    نوشته ها
    96
    تشکر تشکر کرده 
    52
    تشکر تشکر شده 
    87
    تشکر شده در
    67 پست

    پیش فرض پاسخ : دسترسی به المانی که append شده

    اینم تست کن :

    کد HTML:
    $('p.close_image').on('click',function () {
    alert('s'); 
    });
    AMYR.IR
    Telegram & Back-End Developer

  4. تعداد تشکر ها از AmirWWP به دلیل پست مفید


  5. #3
    عضو انجمن
    تاریخ عضویت
    Jun 2015
    نوشته ها
    194
    تشکر تشکر کرده 
    213
    تشکر تشکر شده 
    22
    تشکر شده در
    20 پست

    پیش فرض پاسخ : دسترسی به المانی که append شده

    بابت پاسختون ممنونم
    ولی کار نکرد هنوز

  6. #4
    عضو جدید AmirWWP آواتار ها
    تاریخ عضویت
    Mar 2016
    محل سکونت
    تــهــرانــ
    نوشته ها
    96
    تشکر تشکر کرده 
    52
    تشکر تشکر شده 
    87
    تشکر شده در
    67 پست

    پیش فرض پاسخ : دسترسی به المانی که append شده

    نقل قول نوشته اصلی توسط <?php?> نمایش پست ها
    بابت پاسختون ممنونم
    ولی کار نکرد هنوز
    این چی؟

    کد HTML:
    var ele = $('.image_center').find('p');
    ele.on('click',function () {    
    alert('s');
    });
    AMYR.IR
    Telegram & Back-End Developer

  7. تعداد تشکر ها از AmirWWP به دلیل پست مفید


  8. #5
    عضو انجمن
    تاریخ عضویت
    Jun 2015
    نوشته ها
    194
    تشکر تشکر کرده 
    213
    تشکر تشکر شده 
    22
    تشکر شده در
    20 پست

    پیش فرض پاسخ : دسترسی به المانی که append شده

    این رو هم قبلا تست کرده بودم کار نمیکنه . در واقع مشکل این کد ها نیستند . مثال زیر رو ببینید :
    http://jsfiddle.net/V9d8S/

    بعد از append خیلی راحت میشه به المان دسترسی داشت . مشکل از کد من هست . در واقع من دارم داخل $.ajax این مورد رو append میکنم و تازه فهمیدم که چون تو ajax اپند میشه نمیتونه دسترسی داشته باشه که علتشو نمیدونم . کسی از دوستان میدونه چرا تو ajax اپند که میکنم دسترسی ندارم به المان اما خارج ajax دسترسی میشه داشت ؟؟؟؟

    کد HTML:
    $.ajax({
        url: './document/class/ajax_single_upload.php',
        type: 'POST',
        dataType: "json",
        data: formdata,
        cache: false,
        contentType: false,
        processData: false,
        success: function (data) {
            if (data.success != '') {
    
                var d = $('<div>' +
                    '<div><img src="testurl"></div>' +
                    '<p class="close_image">حذف</p>' +
                    '</div>');
    
                $('.image_center').append(d);
    
            }
        }
    
    });
    
    $('.close_image').on('click',function () {
        alert('s');
    });
    
    

  9. #6
    عضو جدید SIBHost آواتار ها
    تاریخ عضویت
    Nov 2018
    محل سکونت
    تهران
    نوشته ها
    97
    تشکر تشکر کرده 
    23
    تشکر تشکر شده 
    49
    تشکر شده در
    44 پست

    پیش فرض پاسخ : دسترسی به المانی که append شده

    نقل قول نوشته اصلی توسط <?php?> نمایش پست ها
    به کد زیر توجه کنید :

    کد HTML:
    <div class="image_center">
    
    </div>
    
    
    var d= '<p class="close_image">حذف</p>';
    
    
    $('.image_center').append(d);
    
    تگ p رو به المان image_center اضافه کردن .

    حالا میخوام بعد از append کردن , تگ p رو سلکت کنم . هر کاری میکنم کار نمیکنه .

    کد HTML:
    $('.image_center').on('click',function () {
        alert('s');
    });
    
    
    درود بر شما

    روش اول:

    کد:
    $(document).on("click", ".close_image", function(){
     alert("تست");
    });
    روش دوم:

    کد:
    $(".close_image").click(function(){
     alert("تست");
    });
    این رو هم که حتما تست کردید:

    کد:
    $('.close_image').on('click',function () {
        alert('تست');
    });


    موفق باشید.
    مفتخر به کسب 100% رضایتمندی مشتریان در سال 1397
    500%
    افزایش سرعت وردپرس با هاست وردپرس

  10. تعداد تشکر ها از SIBHost به دلیل پست مفید


  11. #7
    عضو انجمن
    تاریخ عضویت
    Jun 2015
    نوشته ها
    194
    تشکر تشکر کرده 
    213
    تشکر تشکر شده 
    22
    تشکر شده در
    20 پست

    پیش فرض پاسخ : دسترسی به المانی که append شده

    ممنونم مشکلم حل شد .
    AmirWWP + SIBHost

    تشکر از هر دوتاتون .

    راه حلش رو مینویسم شاید یکی مثل من همین مشکل رو داشته باشه :

    همانطور که دوستمون گفتند این کد براش کار میکنه

    کد HTML:
    $(document).on("click", ".close_image", function(){
     alert("تست");
    });

اطلاعات موضوع

کاربرانی که در حال مشاهده این موضوع هستند

در حال حاضر 1 کاربر در حال مشاهده این موضوع است. (0 کاربران و 1 مهمان ها)

موضوعات مشابه

  1. append نشدن محتوا به صفحه
    توسط khosravii در انجمن JavaScript
    پاسخ ها: 1
    آخرين نوشته: October 12th, 2018, 12:13
  2. پاسخ ها: 0
    آخرين نوشته: July 4th, 2016, 21:30
  3. پاسخ ها: 4
    آخرين نوشته: May 22nd, 2016, 10:22
  4. پاسخ ها: 8
    آخرين نوشته: May 28th, 2014, 00:49
  5. پاسخ ها: 9
    آخرين نوشته: October 4th, 2012, 23:27

مجوز های ارسال و ویرایش

  • شما نمیتوانید موضوع جدیدی ارسال کنید
  • شما امکان ارسال پاسخ را ندارید
  • شما نمیتوانید فایل پیوست کنید.
  • شما نمیتوانید پست های خود را ویرایش کنید
  •