質問編集履歴
2
コード画像の追記
test
CHANGED
File without changes
|
test
CHANGED
@@ -38,7 +38,7 @@
|
|
38
38
|
|
39
39
|
<!--<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>-->
|
40
40
|
|
41
|
-
<script src='./js/
|
41
|
+
<script src='./js/c'></script>
|
42
42
|
|
43
43
|
<link rel="stylesheet" href="css/jquery.bxslider.css">
|
44
44
|
|
@@ -73,6 +73,12 @@
|
|
73
73
|
</body>
|
74
74
|
|
75
75
|
</html>
|
76
|
+
|
77
|
+
```
|
78
|
+
|
79
|
+
|
80
|
+
|
81
|
+
```ここに言語を入力
|
76
82
|
|
77
83
|
|
78
84
|
|
@@ -136,16 +142,40 @@
|
|
136
142
|
|
137
143
|
});
|
138
144
|
|
145
|
+
|
146
|
+
|
139
147
|
```
|
140
148
|
|
149
|
+
|
150
|
+
|
141
|
-
現
|
151
|
+
現![イメージ説明](e7f89fe70933b58dcbc9053e40a14f2d.png)ト制作してまして、スライダーとページスクロールに関連した部分のhtmlを省略しております。
|
142
152
|
|
143
153
|
それが原因かとも思ったのですが、省略してないものでも、同じようにエラーとなりました。
|
144
154
|
|
145
|
-
|
155
|
+
![イメージ説明](37ba45dceb9d1466b0f4d2681ccbdc71.png)
|
146
156
|
|
147
157
|
![イメージ説明](8b4e03b3777328b5f11215404c1b1c3c.png)
|
148
158
|
|
149
159
|
![イメージ説明](1ec7bf5acc32643c824624179160ea94.png)
|
150
160
|
|
151
161
|
![イメージ説明](739840ce011e4af6ca3620906841d643.png)
|
162
|
+
|
163
|
+
|
164
|
+
|
165
|
+
画像追記
|
166
|
+
|
167
|
+
実際のwebサイト制作ページです。
|
168
|
+
|
169
|
+
最初のものがajax読み込みのもので、二つ目のものが、jquery.bxslider.min.jsです。
|
170
|
+
|
171
|
+
jquery.bxslider.min.js読み込みの場合は、スライダー、スクロール両方とも反応し
|
172
|
+
|
173
|
+
ないことから読み込んでいないと判断しました。
|
174
|
+
|
175
|
+
|
176
|
+
|
177
|
+
![イメージ説明](b8f8ee39488f42854c57f31dddd42eb0.png)
|
178
|
+
|
179
|
+
|
180
|
+
|
181
|
+
![イメージ説明](84ae127d7cbb1a14bfe1085c466fbdae.png)
|
1
htmlの追加
test
CHANGED
File without changes
|
test
CHANGED
@@ -74,7 +74,73 @@
|
|
74
74
|
|
75
75
|
</html>
|
76
76
|
|
77
|
+
|
78
|
+
|
79
|
+
/*script.jsの中身*/
|
80
|
+
|
81
|
+
/*.bxslider*/
|
82
|
+
|
83
|
+
$(document).ready(function(){
|
84
|
+
|
85
|
+
$('.bxslider').bxSlider({
|
86
|
+
|
87
|
+
auto: true,//自動切り替えの有無
|
88
|
+
|
89
|
+
prevText: '<', //前へのテキスト
|
90
|
+
|
91
|
+
nextText: '>', //次へのテキスト
|
92
|
+
|
93
|
+
pause: 5500,
|
94
|
+
|
95
|
+
speed:800,
|
96
|
+
|
97
|
+
mode:'fade',
|
98
|
+
|
99
|
+
});
|
100
|
+
|
101
|
+
});
|
102
|
+
|
103
|
+
|
104
|
+
|
105
|
+
/*ページスクロールスピード*/
|
106
|
+
|
107
|
+
$(function(){
|
108
|
+
|
109
|
+
// #で始まるアンカーをクリックした場合に処理
|
110
|
+
|
111
|
+
$('a[href^=#]').click(function() {
|
112
|
+
|
113
|
+
// スクロールの速度
|
114
|
+
|
115
|
+
var speed = 400; // ミリ秒
|
116
|
+
|
117
|
+
// アンカーの値取得
|
118
|
+
|
119
|
+
var href= $(this).attr("href");
|
120
|
+
|
121
|
+
// 移動先を取得
|
122
|
+
|
123
|
+
var target = $(href == "#" || href == "" ? 'html' : href);
|
124
|
+
|
125
|
+
// 移動先を数値で取得
|
126
|
+
|
127
|
+
var position = target.offset().top;
|
128
|
+
|
129
|
+
// スムーススクロール
|
130
|
+
|
131
|
+
$('body,html').animate({scrollTop:position}, speed, 'swing');
|
132
|
+
|
133
|
+
return false;
|
134
|
+
|
135
|
+
});
|
136
|
+
|
137
|
+
});
|
138
|
+
|
77
139
|
```
|
140
|
+
|
141
|
+
現在webサイト制作してまして、スライダーとページスクロールに関連した部分のhtmlを省略しております。
|
142
|
+
|
143
|
+
それが原因かとも思ったのですが、省略してないものでも、同じようにエラーとなりました。
|
78
144
|
|
79
145
|
|
80
146
|
|