页面上只有一个功能简码答案

【问题标题】：Only one functional shortcode on the page页面上只有一个功能简码
【发布时间】：2012-05-09 12:24:19
【问题描述】：

我为 wordpress 创建了一个手风琴简码，并且工作正常，直到页面只有一个手风琴......

手风琴在第一页的底部可以正常工作，但第二个则不行。我正在使用 jQuery jquery-ui.js 来制作手风琴效果 (http://jqueryui.com/demos/accordion/)。

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

感谢您的宝贵时间

【问题讨论】：

【解决方案1】：

在你的 JavaScript 文件 otherjs.js 的底部有这段代码

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

您的两个手风琴的 ID 都是“手风琴”。同一页面上的两个项目不应具有相同的 ID，因为它们必须是唯一的，这意味着 jQuery 只会设置它找到的第一个手风琴。

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

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

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

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

【讨论】：