让 Accordion 插件在 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 jquery 垂直手风琴菜单。 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'
    });
}