jquery - 页面上只有一个功能简码

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。同一页面上的两个项目不应具有相同的 ID，因为它们必须是唯一的，这意味着 jQuery 只会设置它找到的第一个手风琴。

您需要做的是为您的第一个手风琴提供 ID，accordion1然后accordion2将您在 otherjs.js 中的 JavaScript 更改为：

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

或者，您可以摆脱两个手风琴的 ID 并为它们提供类 accordion，然后您将使用此代码加载手风琴：

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