Способ переключения вкладок заключается в следующем:
1. Управляйте дисплеем и скрыть вкладки
2. Вкладка не переключается, данные загружаются
Управлять дисплеем и скрыть вкладки
Сценарий фронта:
1. Реализация jQuery:
$ (function () {$ (". Sdkj-tabs li"). Click (function () {$ (this) .AdDClass ("on"). li "). index (this); $ (". Cont-tabs> div "). eq (index) .show ().Ввести файлы jQuery, код прост
Файл jQuery большой, браузер несовместим
2. Реализация JS
функция selecttab (showcontent, selfobj) {var tab = document.getElementbyId ("sdkj-tabs"). getElementsbytagname ("li"); var tablength = tab.length; for (i = 0; i <tabletength; i ++) {tab [i] .classname = "";} selfobj.classname = "at on"; j = document.getElementById ("cont-tab"+i);Не нужно вводить файлы jQuery
Объем кода большой, и для каждого тега требуются функции и идентификаторы
3. Реализация плагина
var tabs = function () {tag function (name, elem) {return (elem || document) .getelementsbytagname (name);} // Получить элемент соответствующей идентификационной функции идентификатора (name) {return document.getelementbyid (name);} function first (elem) {elem = elem.firstchild; return elem && elem.nodet == 1? elem: Next (elem);} функция Next (elem) {elem = elem.nextIbling; while (elem) {if (elem.nodeType == 1) {return elem;} else {elem = elem.nextsibling;}}} функция Dild (elem) {var arrays = array (); elem_child = first (elem); for (array_int = 0; elem_child; array_int ++) {// console.log ("elem:"+elem); arrays [array_int] = elem_child; elem_child = next (elem_child);} return rous; elem = tag ("li", id (elemid)); var tabs = child (id (tabid)); var listnum = elem.length; var tabnum = tabs.length; console.log (tabs); for (var i = 0; i <listnum; i ++) {elem [i] .onclick = (i) {return () {for for for () {for for for () {for for for () {for for for () {for for for () {for for for () j = 0; j <3; j ++) {if (i == j) {tabs [j] .style.display = "block"; elem [j] .classname = "on";} else {tabs [j] .style.display = "none"; elem [j] .classname = ". ";}}}}}) (i)}}}} ();Не нужно вводить файлы jQuery, просто добавьте идентификатор родительского элемента
Выше приведено полное описание всестороннего анализа метода переключения на вкладках, представленной редактором. Я надеюсь, что это будет полезно для всех. Если у вас есть какие -либо вопросы, пожалуйста, оставьте мне сообщение, и редактор ответит всем вовремя. Большое спасибо за вашу поддержку сайту wulin.com!