Oluşturulan html kodu tıklayın-mümkün değildir

2 Cevap php

Ajax ve jQuery çerçevesinde bir acemi olduğumu, lütfen bana yardım et, ben farklı eklentileri bir sayfa ile, jQuery bir sayfa yapmak, ama ajax html kodunu almak ve tıklama mümkün değilken, ben canlı bir fonksiyon kullanılır () , ancak düzenleme eklentisi sorun ne olabilir, değil çalışma ile, silme eklentisi oldu ...

Bu düzenleme için komut dosyası

<script type="text/javascript">
    $(document).ready(function() {
        $('.editme').editable('func/update_data.php', {
            submitdata: {
                type: "<?php echo $page_type?>"
            },
            cancel: 'Cancel',
            submit: 'OK',
            tooltip: 'Click to edit...',
            id: 'element_id',
            name: 'update_value',

        });
    });
</script>

Bu eklenti modal pencere için komut dosyası ve

$(document).ready(function () {
    $('#basicModal input.basic, #basicModal a.basic').click(function (e) {
        e.preventDefault();
        $('#basicModalContent').modal({
            onOpen: function (dialog) {
                dialog.overlay.fadeIn('slow', function () {
                    dialog.data.hide();
                    dialog.container.fadeIn('slow', function () {
                        dialog.data.slideDown('slow');
                    });
                });
            },
            onClose: function (dialog) {
                dialog.data.fadeOut('slow', function () {
                    dialog.container.hide('slow', function () {
                        $.modal.close();
                    });
                });

            }
        });

    });

    $("form#submit_wall").submit(function () {
        var message_wall = $('#message_wall').attr('value');
        $('#message_wall').val('');
        $.ajax({
            type: "POST",
            url: "func/insert.php",
            data: "message_wall=" + message_wall,
            dataType: "html",
            complete: function () {
                $('#basicModalContent').html('<div class="succes"><p>Successful</p> Your record was posted  ! </div>');
                setTimeout(function () {
                    $.modal.close()
                },
                1200);
            },
            success: function (response) {
                $("div#wall").html(response);
                //$("div#wall").prepend("<span style='display:none'>"+message_wall+"</span>");
                //$("div#wall span").fadeIn();
            }
        });
        return false;
    });

});

Bu html üretmek için php kodu

<?php if(isset($_POST[ 'message_wall'])){ 
  /* Remove HTML tag to prevent query injection */ 

  $message=strip_tags($_POST[ 'message_wall']); 
  echo '<div class="container_date">
          <span style="float: left;"> 
            <p class="editme" id="200">Sex</p> 
          </span>
          <span style="float: right;" align="left"> 
            <a href="javascript:void(0)" id="200" class="delete">Delete</a>  
          </span>
          <br class="clearfloat">
        </div>'; 
} ?>

Bu hatalar için üzgünüm, bu sitede yazabilmek için ve benim İngilizce için ilk kez

2 Cevap

Bu ne istediğinizi anlamak çok zordur, ama bu gibi görünüyor bana:

Sen $ ('. Editme') yayınlanıyor. Düzenlenebilir () only once, document.ready olayı ne zaman patlar. düzenlenebilir () o zaman DOM geçer ve sınıf "editme" tıklanabilir ile tüm elemanları yapar.

Eğer bir yazı eklemek ve AJAX ile PHP komut yanıtı aldığınızda, yanıt sınıf "editme" ile bir P etiket içerir. Document.ready ateş sonra bu olur çünkü Ama, tıklanabilir hale getirmek için bu yeni sayfa öğesinin üzerine again) (düzenlenebilir çalıştırmak gerekir.

Büyük teşekkürler, ben şimdi o senaryoyu anlamak gerçekten zor, ama burada yayınlamak benim ilk kez, ve ben içindeki düzenlenebilir tekrarlamak için bir kez daha () koymak, cevap bana yardımcı oldu, sormak nasıl hiçbir fikrim yok php script, ajax tepki ve çalışıyor! Büyük ... Tekrar teşekkürler!

etiketler