Ajax

2016-03-25 17 views
2

üzerinden Bootstrap Tooltip yüklenemedi (Ajax Call aracılığıyla), başlıkları HTML etiketlerinde bulunan bir araç ipucunu yüklemeye çalışıyorum. İlk sayfa yükü, include_once işlevi tarafından yüklendiğinde, araç ipucu çalışır, ancak Ajax Çağrısı ile sayfa yükünü tetiklediğimde değil. İşte benim dosyalar şunlardır:Ajax

loadTable.php

<?php 
     $content = "<a data-toggle='tooltip' data-html='true' title='<strong>ok</strong>' 
<span class='glyphicon glyphicon-align-left'></span></a>"; 

     echo $content; 
    ?> 

mypage.php

<button type="button" class="btn btn-primary" onclick="loadPage()">Load</button> 
<div id="tableData"> 
    <?php include_once('loadTable.php');?> 
</div> 

myjavascriptfile.js

function loadPage(){ 
    $.ajax({ 
     type: "POST", 
     url: "loadTable.php", 
     data:{ 
      cache: false, 
      success: function(result){ 
       $("#tableData").html(result); 
      } 
     }); 
    } 
} 

NB: Tabii ki, sadece anlayabilmek ve basitleştirmek için örneği aşırı basitleştirdim.

Şimdiden teşekkür ederiz.

+0

Ne anlama geliyor? Aynı HTML'yi daha önce sahip olduğunuzla yüklediğinize benziyor. –

+0

Evet, aynıdır .. Ama Ajax üzerinden, araç ipucu glificon'u devasa tetiklemiyor. – codeless

+2

Dinamik olarak yüklenen elemanlar – DelightedD0D

cevap

1

DelightedD0D'ye teşekkürler, çözüm, Ajax Çağrısı'ndan sonra araç ipuçlarını yeniden başlatmaktır.

Benim durumumda şu satırı ekledim: $ ('[data-toggle = "tooltip"]') tooltip();

function loadPage(){ 
    $.ajax({ 
     type: "POST", 
     url: "loadTable.php", 
     data:{ 
      cache: false, 
      success: function(result){ 
       $("#tableData").html(result); 
       $('[data-toggle="tooltip"]').tooltip(); 
      } 
     }); 
    } 
} 

Ben aynı sorun var diğerleri yardımcı olur umarım.