※ ChatGPTを利用し、要約された質問です（原文：jQuery.lightpop.jsの動作について）
jQuery.lightpop.jsの動作について
このQ&Aのポイント
弊社ではjQuery.lightpop.jsライブラリを使用して、リンク先をポップアップ表示させようとしています。
静的なテーブルタグを記述するとうまくいきますが、動的なテーブルだとポップアップされずにページ遷移してしまいます。
FireBugでの動作確認ではエラーは発生しませんでしたが、原因が分かりません。
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>
お礼
返信遅れまして申し訳ありませんでした。 いわれてみれば・・・ですね・・・ 明日職場でさっそく実験してみたいと思います。 実験結果は明日中にご報告いたします。 回答ありがとうございました。
補足
上記続きです。 試したところ、無事動作いたしました。 回答ありがとうございました。