Суть такова : Есть страница "Опции темы" для Wordpress, имются табы (tabs), в каждом таб-пане (tab-pane) есть радио кнопки.
Дело в том что я могу включить только радио кнопки с первого таба , с остальных не могу, выглядит это так :
Каждая панель таба представляeт собой отдельный fieldset, так что вроде-бы должно работать...
Кликните здесь для просмотра всего текста
| HTML5 |
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
| <div class="row">
<div class="col-lg-3 col-md-3 col-sm-12 options-menu">
<ul class="nav nav-pills nav-stacked nav-tabs" role="tablist">
<li role="presentation" class="nav active"><a href="#header" aria-controls="profile" role="tab" data-toggle="tab">Header</a></li>
<li role="presentation" class="nav"><a href="#navigation" aria-controls="profile" role="tab" data-toggle="tab">Navigation</a></li>
</ul>
</div>
<div class="col-lg-8 col-md-9 col-sm-12">
<form method="POST">
<div class="tab-content">
<div class="tab-pane active" role="tabpanel" id="header">
<fieldset>
<h3>Header style : </h3>
<ul class="thumbnails" >
<li>
<input type="radio" name="header-no-image" value="header-no-image"/>
<label for="header-no-image">Header without image</label>
<a href="#header-one" class="thumbnail">
<img src="<?php echo get_template_directory_uri(). '/img/header-no-image.JPG' ?>" alt="header-no-image">
</a>
</li>
<li>
<input type="radio" name="header-image" value="header-image"/>
<label for="header-image">Header with image</label>
<a href="#header-two" class="thumbnail">
<img src="<?php echo get_template_directory_uri(). '/img/header-image.JPG' ?>" alt="header-no-image">
</a>
</li>
</ul>
</fieldset>
</div> <!-- Header tab end -->
<div class="tab-pane" role="tabpanel" id="navigation">
<form method="POST">
<fieldset>
<h3>Navigation style : </h3>
<ul class="thumbnails" data-toggle="buttons-radio">
<li>
<input type="radio" name="navbar-dark" value="navbar-dark"/>
<label for="navbar-dark">Dark navbar </label>
<a href="#navbar-one" class="thumbnail">
<img src="<?php echo get_template_directory_uri(). '/img/navigation-dark.JPG' ?>" alt="header-no-image">
</a>
</li>
<li>
<input type="radio" name="navbar-light" value="navbar-light"/>
<label for="navbar-light">Light navbar </label>
<a href="#navbar-two" class="thumbnail">
<img src="<?php echo get_template_directory_uri(). '/img/navigation-light.JPG' ?>" alt="header-no-image">
</a>
</li>
</ul>
</fieldset>
</div> <!-- Navigation pane end -->
<input type="hidden" name="update_settings" value="1" /> <!-- Will help to hande form submit -->
<div class="center">
<button class="btn btn-success" type="submit">Save</button>
<button class="btn btn-danger" type="reset">Dismiss</button>
</div> <!-- Form buttons visible on all panes -->
</div> <!-- Tab content end -->
</form>
</div>
</div> |
|
(
