jquery не работает после загрузки страницы с помощью ajax

я создаю веб-сайт, и у меня был плагин, работающий нормально.

Но когда я попытался вставить его на свой сайт, он перестал работать. После некоторого теста я заметил, что это происходит после загрузки содержимого с помощью ajax. Поискав здесь, я увидел аналогичный вопрос, и решение заключалось в использовании события .on() с Jquery. Я так сделал, но все равно не работает.

Что я делаю не так? (я новичок в jquery, не очень понимаю)

Вот что у меня есть:

HTML:

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
    <link rel="stylesheet" type="text/css" href="css/component.css" />
    <script src="js/jquery.js"></script>
    <script src="js/modernizr.custom.js"></script>
    <script src="js/script.js"></script>
</head>
<body>  
<ul id="list">
    <li><a href="home">Home</a></li>
    <li><a href="split">Split</a></li>
    <li><a href="contact">Contact</a></li>
</ul>

<div id="content"><!-- content ajax -->

</div><!-- /content ajax -->


    <script src="js/classie.js"></script>
    <script src="js/cbpSplitLayout.js"></script>
</body>

script.js (загрузить страницу)

$(document).ready(function(){

   $('#content').load('content/home.php');

   $('#list').on( 'click', 'a', function() {
       console.log('log confirm');
       var page = $(this).attr('href');

       $('#content').load('content/' + page + '.php');
       return false;
});
});

И плагин, который я пытаюсь запустить, является внешним плагином: Split Layout. Я получил его с этого веб-сайта здесь: http://tympanus.net/codrops/2013/10/25/split-layout/

А это вставка для своего js-скрипта: http://pastebin.com/yfJXGR8f


javascript jquery ajax
person celsomtrindade    schedule 23.09.2014    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Включена ли библиотека JQuery на страницы, вызываемые AJAX? Это может быть решение, просто включающее

<script src="js/jquery.js"></script>

в теге <head> ваших страниц AJAX

person Titouan Launay    schedule 23.09.2014
comment
Это не так, потому что плагин для запуска разделенного экрана не использует jquery. Нужно использовать только modernizr, classie и собственный скрипт (cbpSplitLayout.js). У меня есть jquery.js, чтобы запустить загрузку страниц в div #container. Я целый день пытаюсь найти решение для этого, но я не могу. Редактировать: Кстати, я пытался сделать это после того, как вы сказали, и могу подтвердить, что это не работает. - person celsomtrindade; 23.09.2014
comment
Ну, я попробовал то, что вы сказали, но с другим сценарием. Я поместил cbpSplitLayout.js на соответствующую страницу загрузки, и теперь он работает. Спасибо за подсказку =D - person celsomtrindade; 23.09.2014