質問編集履歴
4
コードが部分的だったので全部掲載
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -5,12 +5,13 @@
|
|
|
5
5
|
|
|
6
6
|
lightbox2の最新版を公式サイト（github）からDLして利用しました。
|
|
7
7
|
https://github.com/lokesh/lightbox2/releases/tag/v2.11.3
|
|
8
|
+
jsとcssとimageをローカルに置きました。
|
|
9
|
+
|
|
8
10
|
画像のポップアップはしましたが、閉じるアイコンが出ておらずポップアップを閉じれません。
|
|
9
11
|
|
|
10
12
|
よく見ると、ポップアップが開く一瞬、consoleにエラーを吐いてました。
|
|
11
13
|
|
|
12
|
-
|
|
13
|
-
プラグイン
|
|
14
|
+
エラー行のlightbox.js:262行（プラグイン）は以下のようになっています。
|
|
14
15
|
js/lightbox.js
|
|
15
16
|
```javacsript
|
|
16
17
|
// Position Lightbox
|
|
@@ -23,21 +24,29 @@
|
|
|
23
24
|
|
|
24
25
|
```
|
|
25
26
|
|
|
27
|
+
|
|
26
|
-
|
|
28
|
+
該当のソース
|
|
27
29
|
```html
|
|
28
30
|
<!DOCTYPE html>
|
|
29
31
|
<html>
|
|
30
32
|
<head>
|
|
31
33
|
<meta charset="utf-8">
|
|
32
|
-
<link media="all" rel="stylesheet" href="{{ path '/css/lightbox.min.css' }}">
|
|
33
|
-
```
|
|
34
34
|
|
|
35
|
-
|
|
35
|
+
<link media="all" rel="stylesheet" href="/css/style.css">
|
|
36
|
-
```html
|
|
37
|
-
<
|
|
36
|
+
<link media="all" rel="stylesheet" href="/css/lightbox.min.css">
|
|
37
|
+
<script src="https://code.jquery.com/jquery-3.5.1.js"></script> <!-- jquery -->
|
|
38
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
39
|
+
<title>Preview Layout</title>
|
|
40
|
+
</head>
|
|
41
|
+
<body>
|
|
38
42
|
|
|
39
43
|
|
|
44
|
+
<a href="/images/cate-farm.jpg" data-lightbox="demo"><img class="item-show__img-bg" src="/images/cate-farm.jpg" alt=""></a>
|
|
45
|
+
|
|
40
46
|
<script type="text/javascript" src="/js/lightbox.min.js"></script>
|
|
47
|
+
|
|
48
|
+
</body>
|
|
49
|
+
</html>
|
|
41
50
|
```
|
|
42
51
|
|
|
43
52
|
jQueryのバージョンとligtboxのバージョンが合っていないのかな？と思いましたが、lightboxが利用してるjQueryバージョンがgitに記載がないためよく分かりません。
|
3
a
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -11,6 +11,7 @@
|
|
|
11
11
|
|
|
12
12
|
|
|
13
13
|
プラグインの該当の場所を見ると以下の部分です。
|
|
14
|
+
js/lightbox.js
|
|
14
15
|
```javacsript
|
|
15
16
|
// Position Lightbox
|
|
16
17
|
var top = $window.scrollTop() + this.options.positionFromTop;
|
2
追記
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -4,6 +4,7 @@
|
|
|
4
4
|
jQuery初心者です。
|
|
5
5
|
|
|
6
6
|
lightbox2の最新版を公式サイト（github）からDLして利用しました。
|
|
7
|
+
https://github.com/lokesh/lightbox2/releases/tag/v2.11.3
|
|
7
8
|
画像のポップアップはしましたが、閉じるアイコンが出ておらずポップアップを閉じれません。
|
|
8
9
|
|
|
9
10
|
よく見ると、ポップアップが開く一瞬、consoleにエラーを吐いてました。
|
1
a
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -21,7 +21,23 @@
|
|
|
21
21
|
|
|
22
22
|
```
|
|
23
23
|
|
|
24
|
+
cssはヘッダから読み込んでます
|
|
25
|
+
```html
|
|
26
|
+
<!DOCTYPE html>
|
|
27
|
+
<html>
|
|
28
|
+
<head>
|
|
29
|
+
<meta charset="utf-8">
|
|
30
|
+
<link media="all" rel="stylesheet" href="{{ path '/css/lightbox.min.css' }}">
|
|
31
|
+
```
|
|
24
32
|
|
|
33
|
+
jsはbodyの直前で読んでます
|
|
34
|
+
```html
|
|
35
|
+
<a href="/images/cate-farm.jpg" data-lightbox="demo"><img class="item-show__img-bg" src="/images/cate-farm.jpg" alt=""></a>
|
|
36
|
+
|
|
37
|
+
|
|
38
|
+
<script type="text/javascript" src="/js/lightbox.min.js"></script>
|
|
39
|
+
```
|
|
40
|
+
|
|
25
41
|
jQueryのバージョンとligtboxのバージョンが合っていないのかな？と思いましたが、lightboxが利用してるjQueryバージョンがgitに記載がないためよく分かりません。
|
|
26
42
|
|
|
27
43
|
原因分かる方いたら教えていただけないでしょうか？
|