Tıklamada başka Div içine yükleniyor dinamik dış içerik

2 Cevap php

Başka bir onClick içine harici bir php dosyası yüklemek için çalışılıyor. IFrame katlanabilir panelleri ile içerik değişikliklerin boyutu olarak çalışmaz. Bu AJAX bırakır. Ben bir kod parçası verildi

HTML

<a href="#" id="getData">Get data</a>
<div id="myContainer"></div>
JS

$('#getData').click(function(){
    $.get('data.php', { section: 'mySection' }, function(data){
       $('#myContainer').html(data);
    });
});
PHP:

<?php
    if($_GET['section'] === 'mySection') echo '<span style="font-weigth:bold;">Hello World</span>';
?>

Ben burada test http://www.divethegap.com/scuba-diving-programmes-dive-the-gap/programme-pages/dahab-divemaster/divemaster-trainingA.php ve en beklenmedik sonuçları almak var. Bu safari alt barda diyor ama ben üç küçük takvimleri görmek ve o olduğu gibi kesinlikle öğelerin doğru miktarda yükler. Ben bir hata yaptım nerede kimse görebilir miyim?

2 Cevap

http://net.tutsplus.com/tutorials/javascript-ajax/how-to-load-in-and-animate-content-with-jquery/ Bu öğretici may size yardımcı olur

İlk şeyler ilk, sen hazır işlev içinde jQuery biraz istiyorum $(document).ready(function(){..}. Test sayfanızdaki orada, çizgi $('a[rel*=facebox]').facebox() içeren üst hazır bir fonksiyon zaten, bu yüzden oraya kodu koymak isteyebilirsiniz.

İkincisi, url '#' yüklemek için varsayılan eylem gitmekten bağlantısını önlemek istiyoruz. Bunu yapmak preventDefault() yöntemi ile.

Ben test edilmiş ve aşağıdaki kodu sizin için çalışması gerektiğini doğruladı:

<script type="text/javascript">
  $(document).ready(function(){
    $('#getData').click(function(event){
      event.preventDefault();
      $.get('test.php', { cat: 16 }, function(data){
        $('#myContainer p').html(data);
      });
    });
});</script>

Eğer daha fazla ayrıntı ve örnekler bulabilirsiniz jQuery's get function here.

etiketler