質問編集履歴

4

コードが部分的だったので全部掲載

2021/02/13 02:47

投稿

pecchan
pecchan

スコア591

test CHANGED
File without changes
test CHANGED
@@ -12,6 +12,10 @@
12
12
 
13
13
  https://github.com/lokesh/lightbox2/releases/tag/v2.11.3
14
14
 
15
+ jsとcssとimageをローカルに置きました。
16
+
17
+
18
+
15
19
  画像のポップアップはしましたが、閉じるアイコンが出ておらずポップアップを閉じれません。
16
20
 
17
21
 
@@ -20,9 +24,7 @@
20
24
 
21
25
  ![イメージ説明](9d9c273ac66940f7cdba5454a2a90e2e.jpeg)
22
26
 
23
-
24
-
25
- プラグインの該当の場所を見ると以下の部分です。
27
+ エラー行のlightbox.js:262行(プラグイン)は以下のようになっています。
26
28
 
27
29
  js/lightbox.js
28
30
 
@@ -48,7 +50,9 @@
48
50
 
49
51
 
50
52
 
53
+
54
+
51
- cssはヘッダから読み込んでます
55
+ 該当のソース
52
56
 
53
57
  ```html
54
58
 
@@ -60,23 +64,37 @@
60
64
 
61
65
  <meta charset="utf-8">
62
66
 
63
- <link media="all" rel="stylesheet" href="{{ path '/css/lightbox.min.css' }}">
64
-
65
- ```
66
67
 
67
68
 
69
+ <link media="all" rel="stylesheet" href="/css/style.css">
68
70
 
69
- jsbodyの直前で読んでます
71
+ <link media="all" rel="stylesheet" href="/css/lightbox.min.css">
70
72
 
71
- ```html
73
+ <script src="https://code.jquery.com/jquery-3.5.1.js"></script> <!-- jquery -->
72
74
 
73
- <a href="/images/cate-farm.jpg" data-lightbox="demo"><img class="item-show__img-bg" src="/images/cate-farm.jpg" alt=""></a>
75
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
76
+
77
+ <title>Preview Layout</title>
78
+
79
+ </head>
80
+
81
+ <body>
74
82
 
75
83
 
76
84
 
77
85
 
78
86
 
87
+ <a href="/images/cate-farm.jpg" data-lightbox="demo"><img class="item-show__img-bg" src="/images/cate-farm.jpg" alt=""></a>
88
+
89
+
90
+
79
91
  <script type="text/javascript" src="/js/lightbox.min.js"></script>
92
+
93
+
94
+
95
+ </body>
96
+
97
+ </html>
80
98
 
81
99
  ```
82
100
 

3

a

2021/02/13 02:47

投稿

pecchan
pecchan

スコア591

test CHANGED
File without changes
test CHANGED
@@ -23,6 +23,8 @@
23
23
 
24
24
 
25
25
  プラグインの該当の場所を見ると以下の部分です。
26
+
27
+ js/lightbox.js
26
28
 
27
29
  ```javacsript
28
30
 

2

追記

2021/02/12 23:32

投稿

pecchan
pecchan

スコア591

test CHANGED
File without changes
test CHANGED
@@ -9,6 +9,8 @@
9
9
 
10
10
 
11
11
  lightbox2の最新版を公式サイト(github)からDLして利用しました。
12
+
13
+ https://github.com/lokesh/lightbox2/releases/tag/v2.11.3
12
14
 
13
15
  画像のポップアップはしましたが、閉じるアイコンが出ておらずポップアップを閉じれません。
14
16
 

1

a

2021/02/12 23:31

投稿

pecchan
pecchan

スコア591

test CHANGED
File without changes
test CHANGED
@@ -44,6 +44,38 @@
44
44
 
45
45
 
46
46
 
47
+ cssはヘッダから読み込んでます
48
+
49
+ ```html
50
+
51
+ <!DOCTYPE html>
52
+
53
+ <html>
54
+
55
+ <head>
56
+
57
+ <meta charset="utf-8">
58
+
59
+ <link media="all" rel="stylesheet" href="{{ path '/css/lightbox.min.css' }}">
60
+
61
+ ```
62
+
63
+
64
+
65
+ jsはbodyの直前で読んでます
66
+
67
+ ```html
68
+
69
+ <a href="/images/cate-farm.jpg" data-lightbox="demo"><img class="item-show__img-bg" src="/images/cate-farm.jpg" alt=""></a>
70
+
71
+
72
+
73
+
74
+
75
+ <script type="text/javascript" src="/js/lightbox.min.js"></script>
76
+
77
+ ```
78
+
47
79
 
48
80
 
49
81
  jQueryのバージョンとligtboxのバージョンが合っていないのかな?と思いましたが、lightboxが利用してるjQueryバージョンがgitに記載がないためよく分かりません。