[ 解決済 ] 【非適応】contact foam7の条件付きフィールド

[株式会社FRS]

■ WordPress のバージョン
6.0.2

■ テーマ・プラグインは全て最新版で確認してください。
確認しました。

■ 子テーマをご利用の場合は親テーマに変更して症状が改善するか確認してください。
確認しました。

■ テーマの種類
Lightning ( G3 ) + Lightning G3 Pro Unit

■ テーマのバージョン
バージョン: 14.23.4

■ Pro Unit のバージョン
0.23.2

■ スキンの種類
プレーン

■ 関連しそうなプラグインを一つづつ停止して症状が改善するか確認してください。
確認しました。

■ プラグインの種類・バージョン
動作不良プラグイン： Conditional Fields for Contact Form 7
バージョン: 2.2.6

■ 期待する動作
ラジオボタンの選択による分岐

■ 自分で試した事
同環境で他テーマでの起動

■ 症状が発生するブラウザ
Chrome

■ 実際の症状
ライトニング上記環境においてプラグイン：Conditional Fields for Contact Form 7　が
他テーマでは起動するが無反応となる。

■ その他特記事項
可動できる他テーマサイト
https://taiya-kaitori.jp/home-3/sinsyasatei/

---

該当URL : https://*********

※該当URLはフォーラムライセンスが有効のユーザーにのみ表示されます

[石川＠Vektor,Inc.]

とりあえず私の Lightning の環境で 以下のフォームは正常に動作しました。
下記のフォームを設定してみて動作するか確認してみてください。

<label>Your name:<br>[text your-name]</label>
<label>Your email address:<br>[email* your-email]</label>
<label>What kind of support do you want?<br>[select* support-type first_as_label "-- Choose support type --" "Technical support" "Sales"]</label>
[group technical-support-selected]
  <label>Your operating system:<br>[select* operating-system first_as_label "-- Choose your operating system --" "Android" "iOS" "Linux" "Windows" "Other"]</label>
  [group os-selected]
<label>Please specify your [group os-android inline]Android[/group][group os-iOS inline]iOS[/group][group os-linux inline]Linux[/group][group os-windows inline]Windows[/group] version:<br>[text* version]</label>
  [/group]
  [group os-other-selected]
    <label>Please specify your OS<br>[text* other-os]</label>
    <label>Please specify your version<br>[text* other-version]</label>
  [/group]
[/group]
[group sales-support-selected]
  <label>Where is your business located?<br>[select* continent first_as_label "-- Choose your continent --" "Europe" "America" "Africa" "Asia" "Oceania" "Antarctica"]</label>
[/group]
<label>Comments<br>[textarea comments]</label>
[submit "Send"]

条件付きフィールドの方にテキストモードで以下を貼り付けてください。

show [technical-support-selected] if [support-type] equals "Technical support"
show [sales-support-selected] if [support-type] equals "Sales"
show [os-selected] if [operating-system] not equals ""
               and if [operating-system] not equals "Other"
show [os-android] if [operating-system] equals "Android"
show [os-iOS] if [operating-system] equals "iOS"
show [os-linux] if [operating-system] equals "Linux"
show [os-windows] if [operating-system] equals "Windows"
show [os-other-selected] if [operating-system] equals "Other"

• この返信は2年前に石川＠Vektor,Inc.が編集しました。
• この返信は2年前に石川＠Vektor,Inc.が編集しました。

[石川＠Vektor,Inc.]

上記設定での動作状況いかがでしょうか？

上記で動かないようでしたらその旨返信ください。

上記で動くようでしたら、そちらのフォームに１項目ずつ追加していって、動かなくなる段階の設定を共有いただければと思います。

[株式会社FRS]

こちらでも原因を究明した結果としまして
広く一般的に使われている『 Simple Custom CSS and JS 』というプラグインを
無効化すると機能します。有効化すると機能しません。
前回も提示致しました以下、可動できる他テーマサイトでは
https://taiya-kaitori.jp/home-3/sinsyasatei/
↑↑↑有効化の状態で機能します↑↑↑

Lightning ( G3 ) + Lightning G3 Pro Unitでは、
有効化すると機能しません。

[石川＠Vektor,Inc.]

無効化すると機能します。有効化すると機能しません。

→ インストールして確認してみたところ、有効化しただけでは問題なく動作しました。

おそらく Simple Custom CSS and JS を使って独自に追加している CSSかJSが不具合を引き起こしている事が考えられます。

どんなコードを追加していますか？

[株式会社FRS]

JQがかぶっていたための機能不全でした。
お手数をおかけしました。

[石川＠Vektor,Inc.]

無事解決したようで何よりです。
今後ともLightningをよろしくお願いいたします。

[投稿者]

投稿