jquery - 不会让页面上有超过 9 个手风琴？

Question

所以我有这个代码，它会生成前 9 个手风琴，但不会超过 9。

<script>
    $(function() {
        $('#accordion1,#accordion2,#accordion3,#accordion4,#accordion5,#accordion6,#accordion7,#accordion8,#accordion9,#accordion10,#accordion11,#accordion12,#accordion13,#accordion14,#accordion15,#accordion16,#accordion17,#accordion18,#accordion19,#accordion20').accordion();
    });
</script>

任何想法为什么？是的，我知道代码是一团糟，我可以这样做（i++ 等），但现在就这样吧:)

哦，是的，抱歉：S 所以我有一个脚本可以为 div 生成 id #1....#20。

<script>    
var i = 01;
$('.accordion').each(function(i){
    $(this).attr('id', 'accordion'+(i+1));
});
</script>";

然后在实际的 div 本身我有

<div id='' class='accordion'>
 ..............</div>

谢谢詹姆斯

Answer 1

既然你已经有了一个包含所有你想要的元素的类，为什么不使用它来定位手风琴呢？

$(function() {
    $('.accordion').accordion();
});

（另外，在你的代码中var i = 01;是没用的。你只使用i函数的参数）

Answer 2

如果您已经accordion在 div 上有一个类，那么以这种方式在它们上调用手风琴插件会容易得多：

<script>
    $(function() {
        $('.accordion').accordion();
    });
</script>