Начало работы с плагином аккордеона в Ajax

Question

Мой сайт использует AJAX для представления контента. При щелчке в главном меню, page1.html открывается в content-div. На page1.html я хочу представить контент с помощью аккордеонного меню jQuery. Как мне заставить его работать в файле с AJAX?

Аккордеонное меню требует, чтобы эти файлы в настоящее время представлены в index.html.

<script type="text/javascript" src="jquery.min.js"></script>
<script type='text/javascript' src='jquery.cookie.js'></script>
<script type='text/javascript' src='jquery.hoverIntent.minified.js'></script>
<script type='text/javascript' src='jquery.dcjqaccordion.2.6.min.js'></script>
<script type="text/javascript"> 
    $(document).ready(function($){
        $('.accordion-1').dcAccordion({
            eventType: 'click',
            autoClose: true,
            saveState: false,
            disableLink: false,
            showCount: false,
            speed: 'normal'
        });         
    });
</script>

Я использую вертикальное аккордеонное меню Design Chemicals. http://bit.ly/eIMnl1

Answer 1

Проблема в том, что вы запускаете этот код плагина до того, как AJAX добавляет новые элементы в content-div.Просто поместите код инициализации в обратный вызов в вашем AJAX-запросе.

success: function() {
    $('.accordion-1').dcAccordion({
        eventType: 'click',
        autoClose: true,
        saveState: false,
        disableLink: false,
        showCount: false,
        speed: 'normal'
    });
}