回答編集履歴
1
冗長な気がしたので修正
test
CHANGED
@@ -20,25 +20,15 @@
|
|
20
20
|
|
21
21
|
$(function(){
|
22
22
|
|
23
|
-
$('
|
23
|
+
$('a[data-toggle="tab"]').on('shown.bs.tab', function (ev) {
|
24
24
|
|
25
|
+
var href = $(ev.target).attr('href');
|
26
|
+
|
25
|
-
$(
|
27
|
+
$(href).load($(href).data('url'));
|
26
28
|
|
27
29
|
});
|
28
30
|
|
29
|
-
$('#tab-profile').on('shown.bs.tab', function () {
|
30
|
-
|
31
|
-
$('#profile').load('profile.php');
|
32
|
-
|
33
|
-
});
|
34
|
-
|
35
|
-
$('#tab-messagaes').on('shown.bs.tab', function () {
|
36
|
-
|
37
|
-
$('#messagaes').load('messagaes.php');
|
38
|
-
|
39
|
-
});
|
40
|
-
|
41
|
-
$('
|
31
|
+
$('a[href="#home"]').tab('show');
|
42
32
|
|
43
33
|
})
|
44
34
|
|
@@ -50,21 +40,21 @@
|
|
50
40
|
|
51
41
|
<ul class="nav nav-tabs">
|
52
42
|
|
53
|
-
<li><a
|
43
|
+
<li><a href="#home" data-toggle="tab">ホーム</a></li>
|
54
44
|
|
55
|
-
<li><a
|
45
|
+
<li><a href="#profile" data-toggle="tab"> メニューA</a></li>
|
56
46
|
|
57
|
-
<li><a
|
47
|
+
<li><a href="#messagaes" data-toggle="tab"> メニューB</a></li>
|
58
48
|
|
59
49
|
</ul>
|
60
50
|
|
61
51
|
<div class="tab-content">
|
62
52
|
|
63
|
-
<div class="tab-pane" id="home"></div>
|
53
|
+
<div class="tab-pane" id="home" data-url="home.php"></div>
|
64
54
|
|
65
|
-
<div class="tab-pane" id="profile"></div>
|
55
|
+
<div class="tab-pane" id="profile" data-url="profile.php"></div>
|
66
56
|
|
67
|
-
<div class="tab-pane" id="messagaes"></div>
|
57
|
+
<div class="tab-pane" id="messagaes" data-url="messagaes.php"></div>
|
68
58
|
|
69
59
|
</div>
|
70
60
|
|
@@ -73,3 +63,5 @@
|
|
73
63
|
</div>
|
74
64
|
|
75
65
|
```
|
66
|
+
|
67
|
+
|