Jquery 页面上只有一个功能快捷码

Jquery 页面上只有一个功能快捷码,jquery,accordion,Jquery,Accordion,我为wordpress创建了一个手风琴短代码,工作正常,直到页面上只有一个手风琴 问题就在这里 手风琴在第一页的底部可以,但第二页不行。我使用jQuery jQuery-ui.js实现手风琴效果 有人知道如何修复它,或者哪里是真正好的教程,如何为wp做手风琴短码 感谢您在JavaScript文件otherjs.js中抽出时间,下面是代码 // Load accordion $(function() { $( "#accordion" ).accordion(); $('.f

我为wordpress创建了一个手风琴短代码,工作正常,直到页面上只有一个手风琴

问题就在这里

手风琴在第一页的底部可以,但第二页不行。我使用jQuery jQuery-ui.js实现手风琴效果

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


感谢您在JavaScript文件otherjs.js中抽出时间

,下面是代码

// Load accordion   
$(function() {
    $( "#accordion" ).accordion();
    $('.flexslider').flexslider();  
});
你的两个手风琴手都有“手风琴”的ID。同一页面上的两个项目不应该具有相同的ID,因为它们必须是唯一的,这意味着jQuery将只设置它找到的第一个手风琴

您需要做的是为第一个accordion提供accordion1和第二个accordion2的ID,然后将otherjs.js中的JavaScript更改为:

// Load accordion   
$(function() {
    $( "#accordion1" ).accordion();
    $( "#accordion2" ).accordion();
    $('.flexslider').flexslider();  
});
或者,您可以删除两个手风琴的ID,并为它们提供类accordion,然后使用以下代码加载手风琴:

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

非常感谢:你怎么说我添加了accordion类并将other.js改为$.accordion.accordion;而且效果很好。再次感谢: