javascript でモーダルダイアログをcolorboxを使って実装しています。
htmlに記述したボタンを押すとダイアログが開き、想定通りの動作がすることは確認したのですが。
createElementで動的に生成したボタンからダイアログが開けません。
ボタンを動的に生成する所までは正しく動作するのですが、生成されたボタンを押してもダイアログが開かない。
という状況です。
HTML
1<!-- ボタン --> 2<div id="1"> 3 <label class="btn_time" id="bttim0" value="09:25">09:25</label> 4 <a id="btsch0" class="btn_schedule" onclick="dataSet(this);" href="#inline_content">詳細を入力する</a> 5 <!-- .btn_scheduleボタンを押すと#inline_contentのダイアログを開く。 --> 6</div>
javaScript
1<!-- .btn_scheduleボタンを動的生成 --> 2 var elementb = document.createElement( 'a' ); 3 var newContent = document.createTextNode("詳細を入力する" + createId);//createIdはボタンの個数のカウント変数。 4 elementb.appendChild(newContent); 5 6 elementb.setAttribute("class", "btn_schedule"); 7 elementb.setAttribute("id","btsch" + createId); 8 elementb.setAttribute("href","#inline_content"); 9 elementb.setAttribute("onclick","dataSet(this);") 10 11 document.getElementById( "1" ).appendChild( elementb ); 12
javaScript
1<!-- colorBoxでダイアログを開くfunction --> 2$(function() { 3 $(".btn_schedule").colorbox({ 4 inline:true, 5 maxWidth:"100%", 6 maxHeight:"100%", 7 opacity: 0.7 8 }); 9 });
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/10/31 03:22