页面上只有一个函数快捷代码

Question

我为wordpress创建了一个手风琴快捷代码，并且运行良好，直到页面上只有一个手风琴……

这就是问题http://panel.daweb.cz/?page_id=119

手风琴在第一页的底部，但第二页就不行了。我使用jQuery jquery-ui.js来实现折叠效果(http://jqueryui.com/demos/accordion/)。

有没有人知道如何修复它，或者在哪里有真正好的教程如何为wp做手风琴短码？

耽误您时间，实在对不起

Answer 1

在您的JavaScript文件otherjs.js中，下面的代码位于底部

// Load accordion   
$(function() {
    $( "#accordion" ).accordion();
    $('.flexslider').flexslider();  
});

你们两个手风琴手的ID都是'accordion‘。同一页面上的两个项目不应该具有相同的ID，因为它们必须是唯一的，这意味着jQuery将只设置它找到的第一个折叠。

您需要做的是为第一个accordion指定ID accordion1，为第二个accordion2指定ID，然后将otherjs.js中的JavaScript更改为：

// Load accordion   
$(function() {
    $( "#accordion1" ).accordion();
    $( "#accordion2" ).accordion();
    $('.flexslider').flexslider();  
});

或者，您可以去掉这两个accordions的ID，并为它们提供类accordion，然后使用以下代码加载accordions：

// Load accordion   
$(function() {
    $( ".accordion" ).accordion();
    $('.flexslider').flexslider();  
});