JQuery вкладки - нужна вкладка «Все» с целой формой и отдельными вкладками для каждого раздела формы

Question

Я пытался погуглить мое требование, но безуспешно. У меня есть форма, которая разбита на несколько вкладок, и все это прекрасно работает. Однако теперь меня попросили предоставить вкладку «Все» вместе с формой в дополнение к отдельным вкладкам для каждого раздела.

Похоже на довольно простой запрос, но я не могу понять, как я могу реализовать его, используя функциональность вкладок jQuery?

Answer 1

Я думаю, что Кен на правильном пути, но я мог бы просто клонировать соответствующие элементы DOM. Если есть формы, вы, вероятно, захотите одну отправку вместо нескольких, поэтому переопределение не идеальное.

При их клонировании высота и размер будут более согласованными, если вкладки будут расширяться в зависимости от содержимого.

Может быть, посмотрите на следующее: http://www.evotech.net/blog/2008/11/jquery-tutorial-dom-manipulation-and-sorting/

С другой стороны, повторное воспитание позволяет избежать проблем синхронизации между каждым экраном.

Answer 2

Вместо того, чтобы иметь реальные вкладки, для ваших кнопок «вкладок» может быть проще просто скрыть все элементы формы, которые не являются частью этой «вкладки».

Answer 3

Я относительно новичок в jQuery, так что может быть гораздо лучший подход. Но если бы мне пришлось реализовать это самому, я бы посмотрел на содержание родительских элементов в событии select вкладки.