いいねボタンのポップアップが正常に動作しない

[とりな]

いいねボタンのポップアップが特定のページで正常に動作しません。

特定のページにいいねボタンを設置すると、thanksポップアップが浮上せず、カーソルを動かした拍子か何かのタイミングで一瞬表示されるような動きをします。いいねのカウント機能は正常に動いています。

デベロッパーツールではjsは正常に動いており、cssの書き換えの動作タイミングも正常に動いているはずなのですが、実際の動きと一致しません。

具体的には以下のページです。novelページのほうに動作確認用いいねを用意したので、試しに押してみてもらって大丈夫です。

https://torinaku.com/novel.php

https://torinaku.com/comic.php

ローカル環境でもサーバー環境でも同様の動きをします。ひとまずサーバー環境で正常に動かせるようになりたいです。

サーバー：スタードメイン無料サーバー

phpのバージョン：PHP8.1.22

使っているプログラム：いいねボタン改 ver2.4

 

現時点で行った対策

・jsとcssの指定階層が間違っていないかの確認→間違いはありませんでした

・ほかのjsより先にjsを書く→変化ありませんでした

・htaccesでの転送処理についてnewiine_appフォルダを除外→変化ありませんでした

 

jsもphpも中身はいじっていません。

何かわかる方いましたらお助けください。

[WitchServer]

https://torinaku.com/novel.php
でテストさせていただきました。
恐らくですが、ご使用のHTMLの構成で表示位置がずれていそうです。
下記でどうでしょうか？

1. each.cssのbutton.newiine_btnに「position: relative;」を追加

button.newiine_btn {
position: relative;
margin: 5px 10px 5px 1px;
}

2. newiine.cssのbutton.newiine_btn div.newiine_thanksで、rightプロパティを-185pxほどに修正

button.newiine_btn div.newiine_thanks {
/* ※ ↓お礼メッセージの吹き出しのサイズを変えたい場合はここを調整 */
～略～

right: -185px;

～略～
}

[とりな]

動作確認と検討をありがとうございます！

ご指摘の内容で解決しました！

 

newiine_thanks_right　を使わずに位置変更をしたのが反映されて動作に影響していたみたいです。

とても助かりました。ありがとうございます！

[投稿者]

投稿