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"

类colorbox允许我使用iframe模式：http://colorpowered.com/colorbox/

因为我的TR有一个交替颜色的类，我有一个带有javascript的可点击行来打开一个链接physicianInfo.php。如何在tr中调用colorbox（class="colorbox"）。我可以在1中有2个课吗？

我通常通过“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');\">";
    }
}

Answer 2

.addClass('colorbox')

可能是你想要的答案：）

Answer 3

可能的解决方案：

在doNav函数中获取行的类
然后将colorbox类附加到那些。
然后使用javascript setAttribute方法

javascript函数应如下

 function doNav(row,theUrl){
 // document.location.href = theUrl;
 var classes = row.getAttribute("class");
 classes+=" colorbox";
 row.setAttribute("class",classes); 
}

可以找到完整的解决方案here。我在jsfiddle为你做了这个。

但是我担心如果你动态添加classname（.colorbox），colorbox插件就不会有反应。它期望文档加载类。

如何将另一个类添加到javascript函数中

3 个答案: