获得手风琴插件在Ajax中工作

时间:2011-06-03 14:10:11

标签: jquery ajax accordion

我的网站使用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

1 个答案:

答案 0 :(得分:1)

问题是,在AJAX在content-div中追加新元素之前,您正在运行此插件代码。只需将初始化代码放入AJAX请求中的成功回调中即可。

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