Wrote a jquery tabs plug-in that uses event proxy to process events.
The structural layer is the best structure obtained from in-depth discussions in the Group.
<DL id = "AAA"> <DT> <A> switch card 1 </a> <A> switch card 2 </a> <A> switch card 3 </> </DT> <DD> content 1 </DD> <DD> content 2 </DD> <DD> content 3 </DD> </dl>
| Selector |
String |
Required. The CSS Separator of the container. It is better to conform to the structure shown above and be a DL element. |
| Tabsselector |
String |
(Optional) The common selector of the switch card. It is best to conform to the structure shown above, which is an A element under the DT element. |
| Panelsselector |
String |
(Optional) The common selector of the switch card. It is better to conform to the structure shown above and be a DD element. |
| Selected |
Number |
Optional. The index value of the switch card is selected by default. |
| Select |
Function |
Optional. Used to actively trigger an event. |
| Click |
Function |
Optional. Used for passive event triggering. |
| Remove |
Function |
(Optional) Remove a switch card and the corresponding panel. |
-
Switch card 1 switch card 2 switch card 3
-
Content 1
-
Content 2
-
Content 3
<! Doctype HTML>