2

Здравствуйте. У меня скрипт через ajax подгружает html контент . В данный html я добавил js функцию новую с button-ом.

Можно ли как-то заставить работать данную функцию ?

пример :

var text='<script>function test(){alert("test");}</script><button onclick="test();">test</button>';
document.getElementById('text').innerHTML = text;
1
  • 1
    Во-первых ты его не туда вставляешь, тебе надо его в body вложить document.body.innerHTML = text;, но и так он у тебя не видит саму функцию test. Честно не знаю, колдовал с примером твои час, так и не понял... Дождусь ответа более опытных колег
    – Air
    31 янв 2018 в 3:40

2 ответа 2

0

Нет смысла динамически добавлять тег <script>, код внутри него уже не будет выполнен.

//Этот блок будет вызван только после загрузки документа
document.addEventListener('DOMContentLoaded', function(){

    //Так можно добавить новую глобальную функцию
    window.test = function(){alert("test");};
    
    var html='<button onclick="test();">test</button>';
    //Используем pure js современный селектор
    var text = document.querySelector('#text');
    
    text.innerHTML = html;
});
<h3>Пример</h3>
<div id="text">
</div>

-1

Код скрипта нужно запустить после вставки. Вот на jQuery пример:

$("#text").find("script").each(function(i) {
eval($(this).text());
});
1
  • Не стоит использовать jQuery в каждом "HelloWorld". 31 янв 2018 в 5:52

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.