メールフォームプロ4　data-toggleのエラー？

ともさん (2018-03-20 15:46:44) inuuniq.squares.net/application/

いつも便利に使わせていただいております。m(_ _)m
さて早速ですが、今までたくさん利用していた中で遭遇した事の無いエラーで困っています。
該当URLのフォームにて「印刷物情報」入力フェーズで
・発注印刷物タイプ
を3タイプradio選択、それに応じて画面下の「用紙」以下のtableを3パターン切り替えたいのです。
表示そのものは切り替わりますが、下記のjavascriptエラーでその次のフェーズに遷移できません。
Uncaught TypeError: Cannot read property ’getBoundingClientRect’ of null at mailformpro.cgi:1040
(Chrome,Firefoxにて確認）

もちろん、toggle.jsは動かしており、HTMLを何度見返しても原因判らずです（T ^ T）

関係ないかもしれませんが、switching.jsについて以下の様に書き換えています。
<pre>
function swElementsExample(){
if(mfp.$(’print_sassi’).checked)
mfp.sw(false,’direct’);
else
mfp.sw(true,’direct’);
}
</pre>

どうかお助けくださいm(_ _)mm(_ _)m

Re:メールフォームプロ4　data-toggleのエラー？

和田 (2018-03-26 10:40:01) www.synck.com

ページを拝見いたしました。
getBoundingClientRectでエラーが出ているため、IDが重複しているなどの可能性が考えられます。id属性で同一のIDが付与されていないか、などを一度ご確認ください。

また、エレメント数が多いため、エレメントをごそっと削っていただき、それでうまく動作したらすこしづつエレメントを元に戻していくことで、なにか変な挙動をしているエレメントを特定することもできますのであわせてお試しください。

Re:メールフォームプロ4　data-toggleのエラー？

ともさん (2018-04-21 18:42:33) inuuniq.squares.net/application/

和田様
お返事ありがとうございます。そして返信が遅れ申し訳ありません。

本件自己解決しました。
ご指摘のID重複は無くて大分困りました。
原因はtoggleの中で更にtoggleをするとエラーになっていた様です。
対応策として、swiching.jsを使って子のtoggleの処理を代用する事で上手く行きました！
このMailform Proはかなり高機能かつ便利機能満載なのでとても感心させられますが、流石にこの様な使われ方は想定外だったのかなぁと思いました。

大変厚かましいお願いですが、次のバージョンでは解消される事に期待します。m(_ _)m