2017-01-17 1 views
1

У меня есть HTML-страница, инъекционная код из PHP/MySQL настройки с этим кодом:Bootstrap не загружается в XMLHttpRequest впрыснуть

<div id="inject">Let AJAX change this text.</div> 

<script> 
function loadDoc() { 
    var xhttp; 
    if (window.XMLHttpRequest) { 
    // code for modern browsers 
    xhttp = new XMLHttpRequest(); 
    } else { 
    // code for IE6, IE5 
    xhttp = new ActiveXObject("Microsoft.XMLHTTP"); 
    } 
    xhttp.onreadystatechange = function() { 
    if (this.readyState == 4 && this.status == 200) { 
     document.getElementById("inject").innerHTML = this.responseText; 
    } 
    }; 
    xhttp.open("GET", "../../php-test.php", true); 
    xhttp.send(); 
} 

loadDoc(); 

</script> 

Я делаю это, чтобы построить список подкастов. В внедренный код включен этот звук:

<audio controls> 
     <source src="http://www.w3schools.com/html/horse.ogg" type="audio/ogg"> 
     <source src="http://www.w3schools.com/html/horse.mp3" type="audio/mpeg"> 
     <a href="http://www.w3schools.com/html/horse.mp3">horse</a> 
     An html5-capable browser is required to play this audio. 
    </audio> 

Я звоню JQuery + самозагрузки + сценарий игрока, но я не могу заставить его работать на внедренный код. Я попытался вызвать код в нескольких местах (с отсрочкой на родителя, внутри введенного кода с помощью img/onload-трюк и т. Д.) Он отлично работает, если я просто разместил & lsaquo; audio & rsaquo; выше в родительском документе (без ввода). Я хочу иметь возможность использовать AJAX для создания звуковых дорожек, так как количество игроков зависит от моего PHP/MySQL. Как заставить скрипт влиять на & lsaquo; audio & rsaquo ;? Самое смешное, что аккордеон (часть bootstrap.js), который я использую для макета, отлично работает в введенном коде. Также проблема зависит от браузера, где Safari работает нормально, в то время как Chrome и Firefox не работают. Пожалуйста, запросите дополнительную информацию.

http://stetoskopet.nu/listetest.html

ответ

2

Поскольку вы уже используете JQuery, попробуйте это, чтобы увидеть, если что-либо изменений:

$("#inject").load('../../php-test.php'); 

Для более функций управления и успеха: http://api.jquery.com/load/

Смежные вопросы