Блог

Хорошо, эта скрипка очень проста. Но вид показывает проблему, с которой я сталкиваюсь, я намеренно не изменил идентификаторы вкладок ajax, чтобы выделить проблему.

http://jsfiddle.net/ozzy/u5xyR/1/

По сути, у нас есть страница с вкладками Ajax. В приведенном выше примере вы увидите. Теперь, если вы нажмете на контакт, вы должны увидеть два набора вложенных вкладок.

Проблема, с которой я сталкиваюсь, заключается в:

 <div class="tabscontainerTwo">
  

Нам нужно генерировать это динамически и экономично, чтобы мы использовали наименьшее количество js, а js добавлял идентификатор к классу tab.

Возможно, я недостаточно хорошо это объясняю.

Вот как это должно работать (и у нас может быть НЕСКОЛЬКО наборов вкладок ajax на одной странице)

Пользователь нажимает вкладку КОНТАКТОВ. Отображается панель контактов с вложенными вкладками ajax под ней. Все они должны работать независимо друг от друга и не сталкиваться (с точки зрения кода) — в каждой отдельной вкладке может быть до 12 таких вкладок. (например, contact )

Я не уверен, но я думаю, это потому, что все эти вложенные вкладки имеют одни и те же классы. Так что, возможно, изменение:

 $(".tab_contentTwo") 
  

Для

 $("#tab_content-2") $("#tab_content-3")
  

etc — это путь, с которым я сталкиваюсь, тогда проблема заключается в том, как управлять и добавлять идентификатор к каждой из вкладок и управлять всем этим с помощью css… потому что все это становится немного запутанным.

Я плохо разбираюсь в JS, и этот код является своего рода портом кода SOHTANAKAS.

Любая помощь приветствуется.

Пример того, чего мы хотим достичь, выглядит так: http://mozo.com.au/home-loans

Нажмите на ссылку Click For More Info , на странице их много… и все они имеют свое собственное подмножество вкладок ajax, глядя на код, все они имеют уникальные идентификаторы. Итак, интересно, как мы можем правильно вложить это в Javascript.

Я немного неясен в этой проблеме, но позвольте мне попробовать. Похоже, что вы не создаете какие-либо элементы HTML динамически, поэтому я бы предложил назначить своим вкладкам любые идентификаторы, которые вы считаете подходящими.

Что касается изменения ваших селекторов для размещения идентификаторов, а не класса CSS, я думаю, это может быть ошибкой. Я бы лично оставил оба там, а затем использовал класс CSS, когда вы хотите выбрать группу элементов и идентификатор, когда вам нужен конкретный.

Удачи!

Если я вас правильно понял, это должно быть то, что вам нужно: http://jsfiddle.net/u5xyR/2 /