0

Предположим, есть кнопка button с id=btn и пустой <div id="emptydiv"> </div> на странице. По нажатию на кнопку загружается новый блок div на странице.

$('#btn').click(function(){
var str = "<div id="out"> </div>";
$('#emptydiv').html(str);
});

Затем я хочу уже в новый div с id=out вывести скрипт.

var scr = "<script>...</script>";
$('#out').html(scr);

Все это должно произойти по клику на button. Сейчас у меня скрипт загружается только при втором клике, при первом нет. Будто не находит #out на странице, как дождаться появления блока на странице и затем уже в него вывести?

9
  • 1
    $(document).ready(function(){ /* g̶o̶v̶***k̶o̶d̶*/ console.log('content loaded') });
    – dev_null
    30 окт 2018 в 20:51
  • так не помогло, пробовал
    – bashrc
    30 окт 2018 в 21:03
  • Где находится код, вставляющий скрипт?
    – user176262
    30 окт 2018 в 21:13
  • "загружается только при втором клике" - при втором клике на что?
    – user176262
    30 окт 2018 в 21:17
  • на кнопку) Первый клик по сути загружает div, а второй клик уже скрипт в данный div. А хочется, чтобы все произошло по 1 клику
    – bashrc
    30 окт 2018 в 21:26

2 ответа 2

1

Что Вам мешает вставить его сразу, в момент создания элемента #out? Просто вставьте текст скрипта прямо внутрь div Но если нужно именно так - тогда ниже добавьте $('#emptydiv').find('#out').html(str); Сразу после создания div#out

Суть в том что div#out это динамически созданный элемент и jquery не может его найти в Dom дереве

11
  • Если скрипт сразу вставить в div, тогда по клику загружается div, а скрипт загружается только по 2-ому клику
    – bashrc
    30 окт 2018 в 21:04
  • То, что Вы написали, не имеет никакого отношения к сути. jQuery все может.
    – user176262
    30 окт 2018 в 21:08
  • find тоже не помог, опять же по 2-ому клику) В общем я пытался в nav-tabs из двух вкладов в одной вкладке вывести комменты из вк, в другой комменты с сайта. Ничего кроме как забыдлокодить это через тупой вывод, я не придумал умнее. Весь скрипт пихаю в строку и вывожу, но комменты почему-то именно комменты вк не хотят сразу загружаться. а по второму клику только) Причем сам nav-tabs я также вывожу через jquery. Хочется, чтобы комментарии загружались по клику, кому не нужны комменты, для них не лишний раз не загружать скрипты, а выводить кнопку для их загрузки
    – bashrc
    30 окт 2018 в 21:15
  • Быть может) У меня часто были проблемы с динамически создаными элементами. Нас рассудит только автор вопроса) 30 окт 2018 в 21:15
  • Слишком мало информации. Возможно дело во времени загрузки этих комментариев и ассинхронноси? Я бы дал очень вредный совет попробовать поставить таймаут (но это только для теста), а если подтвердится- поставить необходимую проверку (без таймаута) 30 окт 2018 в 21:20
1

В общем как-то так..
А вообще не советую так делать, лучше функцией вызвать после клика..

$('#btn').on('click',function(){
  var block = '<div id="out">Govnokod</div>';
  var code = '&lt;script>console.info("govnocod activeted")&lt;\/script>';
  $('#emptydiv').append(block);
  $('#emptydiv').find('#out').append(code.replace(/&lt;/g, '<'));
});
#out {background: red; min-height: 20px;}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

<button id="btn">Go govnokod</button>

<div id="emptydiv">
bla-bla-bla
</div>

Ваш ответ

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

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