編集履歴

質問編集履歴

追加

2022/04/25 07:53

投稿

2232

スコア298

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -263,6 +263,12 @@
 　　/*ここまで*/
 <?PHP wp_footer(); ?>
 ```
+エラーメッセージ、
+jquery.min.js?ver=3.6.0:2 Uncaught TypeError: $(...).paginathing is not a function
+at HTMLDocument.<anonymous> (（インデックス）:562:26)
+at e (jquery.min.js?ver=3.6.0:2:30038)
+at t (jquery.min.js?ver=3.6.0:2:30340)です。
 CSSを書いてあるとおりに打ち込んでから少し調節したところ、
 ボタンは表示されますが、クリックしても移動しません。

PHP jQuery

追加

2022/04/25 05:49

投稿

2232

スコア298

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -1,7 +1,9 @@
-初心者です。急ぎですのでこれからマルチポストにします。
+初心者です。急ぎですのでこれからマルチポストです。
+https://shu-sait.com/html-pagination-jisso/
+https://ja.stackoverflow.com/questions/88482/%e3%83%9a%e3%83%bc%e3%82%b8%e3%83%8d%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3%e3%82%92%e4%bd%9c%e6%88%90%e3%81%99%e3%82%8b%e3%81%93%e3%81%a8%e3%81%8c%e3%81%a7%e3%81%8d%e3%81%be%e3%81%9b%e3%82%93
 WordPressでサイトを制作しています。
 アーカイブページのページネーションを作成するため、下記サイトを参考にしています。
-https://shu-sait.com/html-pagination-jisso/
 https://qiita.com/keikkkk/questions/106ae1cdb1284d92041a
 ただ、上記のサイト道理にやっても、ページネーションができません。

PHP jQuery

内容の追加

2022/04/25 05:48

投稿

2232

スコア298

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -2,6 +2,7 @@
 WordPressでサイトを制作しています。
 アーカイブページのページネーションを作成するため、下記サイトを参考にしています。
 https://shu-sait.com/html-pagination-jisso/
+https://qiita.com/keikkkk/questions/106ae1cdb1284d92041a
 ただ、上記のサイト道理にやっても、ページネーションができません。

PHP jQuery

内容追加

2022/04/25 05:38

投稿

2232

スコア298

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -1,4 +1,4 @@
-初心者です。
+初心者です。急ぎですのでこれからマルチポストにします。
 WordPressでサイトを制作しています。
 アーカイブページのページネーションを作成するため、下記サイトを参考にしています。
 https://shu-sait.com/html-pagination-jisso/

PHP jQuery

内容補正

2022/04/25 05:37

投稿

2232

スコア298

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -192,8 +192,10 @@
     <title>Engress</title>
     <link rel="stylesheet" href="https://unpkg.com/scroll-hint@latest/css/scroll-hint.css">
     <script src="https://unpkg.com/scroll-hint@latest/js/scroll-hint.min.js"></script>
+　　/*ここから*/
     <script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
 <script type="text/javascript" src="/wp-content/themes/test/js/paginathing.min.js"></script>
+　　/*ここまで*/
     <link rel="stylesheet" type="text/css" href="/wp-content/uploads/css/style.css" />
     <?php wp_head(); ?>
 </head>
@@ -243,7 +245,7 @@
     });
 }
 </script>
+　　/*ここから*/
 <script type="text/javascript">
     jQuery(document).ready(function($){
         $('.list-group').paginathing({
@@ -255,7 +257,7 @@
         })
     });
 </script>
+　　/*ここまで*/
 <?PHP wp_footer(); ?>
 ```
 CSSを書いてあるとおりに打ち込んでから少し調節したところ、

PHP jQuery

内容の追加

2022/04/25 05:35

投稿

2232

スコア298

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -258,7 +258,10 @@
 <?PHP wp_footer(); ?>
 ```
+CSSを書いてあるとおりに打ち込んでから少し調節したところ、
+ボタンは表示されますが、クリックしても移動しません。
+他のJQは機能しています。

PHP jQuery

内容の追加

2022/04/25 05:33

投稿

2232

スコア298

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -15,7 +15,10 @@
 ![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2022-04-25/0dcb51d8-9606-4000-946d-be6026be9113.png)
-このような形で、書いてある頃は一通りやったつもりなのですが、
+このような形で、書いてある頃は一通りやったつもりなのですが、できません
+下記がコードになります。
+ご存じの方いましたら教えていただけると幸いです。
 ```archive.php

PHP jQuery

内容の追加

2022/04/25 05:32

投稿

2232

スコア298

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -196,8 +196,66 @@
 </head>
 ```
+```footer.php
+<script>
+    $(function(){
+        $(".question-outer dt").on("click",function(){
+            $(this).next().slideToggle();
+            $(this).toggleClass("open");
+        })
+    })
+//sticky header
+  $('.header-burger-btn').on('click',function(){
+          $('.header-nav').fadeToggle(300);
+          $('.header-burger-btn').toggleClass('cross');
+          $('body').toggleClass('noscroll');
+        });;
+</script>
+<script>
+ // クラス名を追加することによって画面幅が小さいときにのみスクロールが発生するようにしたい。が、常に追加された状態になる。
+if (window.matchMedia( "(max-width: 1280px)" ).matches) {
+var p1_element = document.getElementById("p1");
+}
+new ScrollHint('.js-scrollable', {
+    scrollHintIconAppendClass: 'scroll-hint-icon-white', // white-icon will appear
+    applyToParents: true,
+    i18n: {
+      scrollable: 'スクロールできます'
+    }
+  });
+  new ScrollHint('.js-scrollable', {
+    suggestiveShadow: true
+  });
+</script>
+<script>
+if(typeof jQuery != "undefined"){ //jQueryの読み込み確認
+    $(function(){
+        alert('jQuery is ready.')
+    });
+}
+</script>
+<script type="text/javascript">
+    jQuery(document).ready(function($){
+        $('.list-group').paginathing({
+            perPage: 4,
+            firstLast: false,
+            prevText:'prev' ,
+            nextText:'next' ,
+            activeClass: 'active',
+        })
+    });
+</script>
+<?PHP wp_footer(); ?>
+```

PHP jQuery

内容の追加

2022/04/25 05:31

投稿

2232

スコア298

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -18,7 +18,7 @@
 このような形で、書いてある頃は一通りやったつもりなのですが、
-```ここに言語を入力
+```archive.php
  <div class="pagination-second">
     <div class="list-box">
         <ul>
@@ -180,10 +180,24 @@
     </div>
 ```
+```header.php
+<head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width,initial-scale=1" />
+    <meta name="keywords" content="ポートフォリオ制作" />
+    <meta name="description" content="共通ディスクリプション" />
+    <title>Engress</title>
+    <link rel="stylesheet" href="https://unpkg.com/scroll-hint@latest/css/scroll-hint.css">
+    <script src="https://unpkg.com/scroll-hint@latest/js/scroll-hint.min.js"></script>
+    <script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
+<script type="text/javascript" src="/wp-content/themes/test/js/paginathing.min.js"></script>
+    <link rel="stylesheet" type="text/css" href="/wp-content/uploads/css/style.css" />
+    <?php wp_head(); ?>
+</head>
+```

PHP jQuery