jquery - 如何将 data-href 传递给 jquery 脚本？

Question

我想在http://communitychessclub.com/js/jquery.popupWindow.js弹出一个基于 jquery 脚本的模式窗口

我的测试页面位于http://communitychessclub.com/games_new.php

我正在使用 php 生成一个表格，并且我有 data-href 来触发整个表格行（元组）可以点击以加载游戏。我加载了最新的 jquery 并且：

<script src="js/jquery.popupWindow.js"></script>
<script>$('.example').popupWindow({centerScreen:1});</script>

但是弹出窗口是空白的，基于此：

<tr class="example" data-href="games/game1302.php">

我该如何修复这条线：

<script>$('.example').popupWindow({centerScreen:1});</script>

so that it picks up the url specified as data-href of the <tr> ?

Answer 1

$('.example').each(function(){
   $(this).popupWindow({centerScreen:1, windowURL: $(this).data("href")});
});

编辑。把它放在一个循环中，所以$(this)是有效的。另外，我注意到您已在 中包含完整的 URL data-href，因此无需包含window.location.hostnamenow.