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

标签 jquery jquery-ui

我正在使用 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);

          }
        });

最佳答案

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

关于jquery - 如何根据特定条件动态创建 jQuery ui 选项卡?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14485186/

相关文章:

javascript - 获取 jQuery 选择器的数组索引

javascript - 当用户关闭浏览器选项卡时如何显示弹出窗口?

javascript - 未计算 div 的外部高度

jQuery 用户界面 : Drop long element at the cursor location instead of the middle of the element

javascript - JQuery 自动完成源未更新

jQuery-UI 在没有 CSS 或自定义的情况下无法在我的用户脚本中工作?

php - PHP 和 jQuery 中检测移动设备和提供页面的标准实践

jquery - 如何设置 TinyMCE 文本区域元素的焦点?

javascript - Jquery 日期选择器按钮 tabindex

javascript - knockout removeAll()无法识别