jquery - 如何根据特定条件动态创建 jQuery ui 选项卡？

Question

我正在使用 jquery-ui 选项卡组件基于传入的名为“children”的对象动态创建选项卡(此功能如​​果与更大的应用程序分开)。

我试图确保使用适当的 If 语句来满足基本功能/和/或条件。

第一个条件检查是否已在 DOM 中创建一个或多个选项卡。如果没有，那么它会创建它们。最后一个条件检查选项卡是否以适当的顺序从对象返回，即。选项卡 1、选项卡 2、选项卡 3。

如何检查返回对象的顺序是否正确，如果不正确，则将正确的顺序附加到 DOM？

$.each(children, function(i, val) {

            var existingTab = $('#' + val.id, self.container);  
            var existingTabIndex = existingTab.index();



    if(existingTab.length === 0){

            // Add index au
            self.container.tabs('add', '#' + children[i].id, children[i].label,i);



          } else if(existingTabIndex !== val){

                existingTab.index(i);
                this.container.append(val);

          }
        });

Answer 1

你不能运行一个for循环并将选项卡ID与它后面的选项卡进行比较，并确保它后面的选项卡始终更大。如果甚至有一次后面的选项卡较少(意味着乱序)，则将全局变量错误更改为 true，现在您知道有错误...