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>
お礼
スタイルシートでやったら、できました。 作業がずいぶん楽になりました。 感謝しています。 ありがとうございます。