▼テンプレート
[EC-CUBE] 4.2 新規インストール
[レンタルサーバ] ローカルのコンピュータ
[OS] Windows 10
[PHP] 8.0.23
[データベース] MariaDB 10.4.25
[WEBサーバ] Apache/2.4.54
[ブラウザ] Google Chrome
[現象]
既存プラグインを4.2に対応させています。

Bootstrap5対応で「data-toggle」を「data-bs-toggle」したところ、jQueryのclickイベントが発生しなくなってしまいました。

以前のバージョンでは問題ありませんでした。

対応方法がございましたら、ご教授いただきたく存じます。

よろしくお願いいたします。

> Bootstrap5対応で「data-toggle」を「data-bs-toggle」したところ、jQueryのclickイベントが発生しなくなってしまいました。

下記のサイトなどに、Bootstrap5のマニュアルなどは載っているので調べて対応しましょう。
https://www.tohoho-web.com/bootstrap5/components.html

mcontact様

ご回答、ありがとうございます。
リンクのご提示もありがとうございました。

マニュアル等、確認してみたのですが、解決方法がみつけられず、こちらに投稿させていただきました。

続報ですが、jQueryでクリックイベントを発生させていたのが、動かず、JavaScriptは動きました。

【変更前】
$('#要素').click();

【変更後】
document.getElementById('要素').click();

もう少し調べてみようと思います。

ありがとうございました。

$('#要素').click(function () {
}
ではいかがでしょうか。

また、こちら参考になるでしょうか。
https://www.sejuku.net/blog/38774

----------------
EC-CUBE 《プラチナ》ランクパートナー
トエビス株式会社　田中 宏典
EC-CUBEの機能やデザインのカスタマイズ承ります。

h_tanaka様

ご返信ありがとうございます。

クリックされた時に処理をするのではなく、クリックしたことにしたいです。

（見当違いなことを投稿していたらすみません。。。）

よろしくお願いします。

m_yana　様

別な方法で対応できるかわかりませんが、jQueryでtrigger()使ってイベントを発生させるのは、どうでしょうか？

以下は参考になるかわかりませんが、載せておきます。
https://into-the-program.com/fire-event-in-trigger/

Bootstrap5自体、jQueryからの脱却されたので通常はBootstrap4などで使っていたjQueryは使えないです。
Bootstrap5にQueryから脱却したことは記載されていますので、しっかりとドキュメントを読むことをオススメします。

また、Bootstrap5はEC-CUBEとは直接関係はないのでBootstrapのコミュニティや書籍で調べた方がよいと思います。

junsan様

ご返信ありがとうございます。

trigger()も試してみたのですが、動いてくれませんでした。


mcontact様

私の方でも、Bootstrap5のドキュメントで、jQueryへの依存をやめる旨の記載は読みました。

しかしながら、他のjQueryは動いているのに、click()だけが動かないので、お尋ねした次第です。


色々と記載が漏れていて、申し訳ありませんでした。