jQuery.lightpop.jsの動作について
jQuery.js : Ver1.3.1
jQuery.light.js Ver0.7.5
使用ブラウザ:FireFox3.0.8(Firebugインストール済み) Google Chrome2.0.169.1
お世話になります。
現在弊社ではjQuery.lightpop.jsライブラリを使用して
リンク先(以下例では「hogehogeName」のリンク先「hogehoge.html」)をポップアップ表示させようとしています。
以下(1)のように「静的」にテーブルタグを記述するとうまくいきますが
(2)のように「動的」だとポップアップされず
普通にページ遷移してしまいます。原因はどこにあるのでしょうか？？
ちなみにFireBugで動作確認を行いましたが、エラーはなかったです。
(1)タグ内にテーブルを直接記入
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.lightpop.js"></script>
<script type="text/javascript">
$(function() {
$('a[rel*=lightbox]').lightpop({overlayBgColor:'#FFF', contentFrameType:'box'});
$('a.lightpop').lightpop();
$('a[href$=.jpg], a[href$=.gif], a[href$=.png]').lightpop();
$('a[href*=.youtube.com/watch]').lightpop();
});
</script>
</head>
<body bgcolor="lemonchiffon">
<h4>ポップアップテスト<h4>
<div id="view">
<table class="table1" id="table1" border="1" bgcolor="white"><tbody>
<td class="col2"><a rel="lightbox" href="hogehoge.html">hogehogeName</a></td>
</tr></tbody></table>
</div>
</body>
</html>
(2)divタグ内に「動的」にテーブルを記入する方法
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.lightpop.js"></script>
<script type="text/javascript">
$(function() {
$('a[rel*=lightbox]').lightpop({overlayBgColor:'#FFF', contentFrameType:'box'});
$('a.lightpop').lightpop();
$('a[href$=.jpg], a[href$=.gif], a[href$=.png]').lightpop();
$('a[href*=.youtube.com/watch]').lightpop();
&(view).innerHTML = '<table class="table1" id="table1" border="1" bgcolor="white"><tbody>' +
'<td class="col2"><a rel="lightbox" href="hogehoge.html">hogehogeName</a></td>' +
'</tr></tbody></table>';
});
</script>
</head>
<body bgcolor="lemonchiffon">
<h4>ポップアップテスト<h4>
<div id="view"></div>
</body>
</html>
補足
ご連絡ありがとうございます。 失礼しました。 チェックボックスのエラーを出すことができました。。 が、また疑問が出てきました。 <input type="checkbox" value="aaa" name="taiou_kisyu[]" class="required">あああ<br> <input type="checkbox" value="eee" name="taiou_kisyu[]" class="required">えええ<br> <input type="checkbox" value="ooo" name="taiou_kisyu[]" class="required">おおお このようにしたら、エラーが出る際に、 「あああ」の前に「必須項目です」とエラーが出てきます。 一番下「おおお」の下にエラーを出すことはできるでしょうか？