readmoreというスクリプトを使用したいのですがjQueryが動きません。

eel227
(@eel227)

9年、 1ヶ月前
閲覧ありがとうございます。初心者です。

現在書評サイトを作成しておりまして、個別記事中のボックス内にあらすじを一定の文字数表示し、「続きを読む」リンクを押すと続きが表示される形にしたいと考えています。

reeamore.jsというスクリプトを使用し、
http://www.myu-zin.com/webridge/archives/631.html
http://webdesignrecipes.com/anythingslider-in-wordpress-with-jquery/#&panel1-1
上記のサイトを参考に作成してみましたが、記事にまったく反映されません。

header.phpに以下のように記述しました。
```
<?php wp_enqueue_script('readmore', get_bloginfo('') . '/themes/child/js/readmore.min.js',array(jquery)); ?>
<?php wp_head(); ?>
<script type="text/javascript">
jQuery(function(){
jQuery(".readmore").readmore({
substr_len: 50 //表示させたい文字数
});
});
</script>
```
記事HTML表記
<div class=”readmore”>〇〇〇〇〇…..</div>

過去の質問を検索してみましたが上手くいかなかったのでアドバイスを頂ければと思います。
よろしくお願いします。

3件の返信を表示中 - 1 - 3件目 (全3件中)

Satoshi Yoshida
(@beekyoshida)

9年、 1ヶ月前

はじめまして。
参考サイト、スクリプト記述からreadmore.jsではなく、jquery.readmore.jsを利用されてると考えて間違いないでしょうか？

jquery.readmore.jsは現在、jQuery Plugin Registryで配布されていませんので動作確認が取れませんでしたが、jQueryのバージョンによる影響は考えられないでしょうか？
まずは最小構成にし、ローカル環境でjQueryのバージョンを下げて動作検証してみてはどうでしょうか。WordPressに同梱されているバージョンから下げていく形で大丈夫かと思います。

トピック投稿者 eel227
(@eel227)

9年、 1ヶ月前

ありがとうございます。
スクリプトですが、jquery.readmore.jsではなくreadmore.jsをダウンロードし使用しました。（→http://kachibito.net/web-design/readmore-js.htmlを参考）

jQueryのバージョンを下げる方法は、こちらでしょうか？http://ysakaki.com/?p=266
試してみたのですが、反映されません。

「続きを読む」の同じようなスクリプトで、jTruncate（http://kwski.net/jquery/627/）というスクリプトでも試してみましたがこちらも変化なしでした。
コード
<?php wp_enqueue_script(‘jtruncate’, get_bloginfo(‘template_url’) . ‘/wp-content/themes/child/js/jquery.jtruncate.js’,array(jquery)); ?>
<?php wp_head(); ?>
<script type=”text/javascript”>
jQuery().ready(function() {
jQuery(‘#div627’).jTruncate({
length: 200, // 表示する文字数
minTrail: 0, // 省略文字の最低文字数
moreText: “more”, // 省略部分を表示するリンクの文字
lessText: “hide”, // 省略部分を非表示にするリンクの文字
ellipsisText: “…”, // 省略部分をあらわす文字
moreAni: “fast”, // 折り広げるスピード
lessAni: “fast” // 折り畳むスピード
});
});
</script>
kjmtsh
(@kjmtsh)

9年、 1ヶ月前
array(jquery)

ではなくて、

array('jquery')

ではないかな? jQuery の使い方も間違えているので、ちゃんと勉強した方がいいかもですね。運がよければ、これで動作しますかねぇ…
```
jQuery(document).ready(function() {
....
});
```
ついでに、wp_enqueue_script() は functions.php で使った方がいいです。

3件の返信を表示中 - 1 - 3件目 (全3件中)

トピック「readmoreというスクリプトを使用したいのですがjQueryが動きません。」には新たに返信することはできません。

トピックタグ

表示