まず、「ajax」クラスを使用してカラーボックスを開くすべてのボタンを用意しました。しかし、そのクラスは私に多くの問題を引き起こしました.これを修正しますか？
今のところ行ったこと: iframe を使用します。私の唯一の問題は、そのiframeにリンクされている他のカラーボックスを読み込めないことです。インラインクラスを使用しています。
言い換えると、「生成」ボタンをクリックすると、iframe クラスで最初のカラーボックスが開きます。その iframe 内には、インライン コンテンツを持つ「generate_2」ボタンがあります。その 2 番目のボタンをクリックしても、何も起こりません。これは、最初のボタンをajaxに設定したときに機能していました。
私に何ができる？ありがとう！
それを閉じて同じボタンを再度クリックすると、2回ロードされます（したがって、閉じるには2回クリックする必要があります）これに対する修正はありますか？
完全なHTMLドキュメントを開くためにajaxを使用していると思いますね。あなたはそれをするべきではありません。あるHTMLドキュメントを別のHTMLドキュメント内にネストすることは、有効なHTMLではありません。また、両方のスクリプトを元のドキュメントに適用させています。そのコンテンツをロードするたびに、それらのスクリプトがロードされ、もう一度実行されます。
以前も同じ問題がありました。JavaScript は iframe に影響を与えることができないため、iframe ページ自体の script タグ内に JavaScript コードを追加する必要があります。