Как заставить выполнять скрипты toLoad?

Question

[Alex Rave]

Использую код для подгрузки контента:

$(document).ready(function() {

     $('a').click(function(){

     var toLoad = $(this).attr('href')+' #contant-main';
     $('#contant-main').hide('fast',loadContent);
     $('#load').remove();
     $('#wrapper').append('<span id="load">LOADING...</span>');
     $('#load').fadeIn('normal');
     function loadContent() {
     $('#contant-main').load(toLoad,'',showNewContent())
     }
     function showNewContent() {
     $('#contant-main').show('normal',hideLoader());
     }
     function hideLoader() {
     $('#load').fadeOut('normal');
     }
     return false;

     });
    });

Все идеально отрабатывает, но есть одно НО. Скрипты что имеются в подгруженных страницах не выполняются, javascript, ajax, jquery вообще ничего. Какие изменения требуется внести в код чтобы скрипты работали?

Comments

[WStanley]

в консоле какая ошибка?

[Alex Rave]

WStanley, вообще ошибок нет

[WStanley]

Alex Rave,

Скрипты что имеются в подгруженных страницах

что вы понимаете под подгруженными страницами?

[Alex Rave]

WStanley, содержимое контейнера #contant-main при переходе по href

[v3shin]

А на подгружаемых страницах скрипты выполняются тоже по $(document).ready() ?

[Alex Rave]

v3shin, не везде
Загрузка плеера осуществлена так

var player = new Playerjs({id:"player-chart",file:"filename",player:2});

Answer 1

[WStanley]

Alex Rave, а ну смотрите. Вы вешаете событие на элемент
$('a').click
Но, если вы этот элемент удаляете то и событие уходит с ним.
Возможно вам подойдет вариант добавление события на динамические элементы

$(document).ready(function() {
    $('.element').on('click', 'a', function(e){
        // .element - родительский общий элемент
        // ваши действия
    });
});

ссылка
Либо вам надо заново вешать события на созданные элементы

Comments

[Alex Rave]

Событие всегда находиться за контейнером #contant-main и при переходах работает.
Суть проблемы заключается в том что, при загрузке содержимого с новой страницы, скрипты просто игнорируются.
Вот допустим, переходим с главной страницы на страницу со списком композиций и плеерами, список композиций открылся как нужно, а вот плееров нет, данный код toLoad не показывает на выходе, соответственно плееров и нет:

<script>
var player = new Playerjs({id:"player-chart",file:"filename",player:2});
</script>

А если зайти на страницу с композициями по url, все прекрасно отображается

[WStanley]

Alex Rave, на вкладке elements в правом окошке есть вкладка event listeners проанализируйте что там есть, возможно все же чего-то не хватает.