javascript - 如何向 JavaScript 函数添加另一个类

Question

这是我的js:

function DoNav(theUrl) {
  document.location.href = theUrl;
}

这是我的交替颜色表代码

while($i < $num) {
  if ($i % 2 == 0) {
    echo "<tr class='even' onclick=\"DoNav('physicianInfo.php');\">";
  }
  else {
    echo "<tr class='odd' onclick=\"DoNav('physicianInfo.php');\">";
  }
}

但我想添加一个class="colorbox"当我单击该行时

class colorbox 允许我有一个 iframe 模式:http://colorpowered.com/colorbox/

因为我的 TR 有一个用于交替颜色的类，并且我有一个带有 javascript 的可点击行来打开链接 physicianInfo.php 。我如何在 tr.colorbox 中调用 colorbox ( class="colorbox" )我可以合二为一吗？

我通常通过“a href”调用该类

示例:<a class='colorbox' href="physicianInfo.php">

Answer 1

您必须正确初始化插件，因为您是在页面加载后动态添加 html。

while($i < $num) {
    if ($i % 2 == 0) {
        echo "<tr class='even tr-colorbox' \">";
    } else {
        echo "<tr class='odd tr-colorbox' \">";
    }
}

$('.tr-colorbox').colorbox({href: 'physicianInfo.php', iframe: true});

另一种选择

function DoNav(theUrl) {
    $.colorbox({href: theUrl, iframe: true});
}

while($i < $num) {
    if ($i % 2 == 0) {
        echo "<tr class='even' onclick=\"DoNav('physicianInfo.php');\">";
    } else {
        echo "<tr class='odd' onclick=\"DoNav('physicianInfo.php');\">";
    }
}