Question

初级开发问题在这里，有点复杂。我正在研究一个系统的任务管理部分，它从数据库中获取所有任务并将其显示在行中。我正在使用：

显示/隐藏切换js功能

function NewShowHideDiv(id, disabled) {
    var x = document.getElementById(id);
    $(eval(x)).slideToggle("slow", function() {
});
    return null;
}

处理div的切换。有一个单独的函数，该函数处理您单击以展开div的图标

Function ShowHideIcon(divID, Disabled, iconID, icon, iconClass)
    ShowHideIcon = "<i class=""" & iconClass & """ id=""" & iconID & """ onClick=""NewShowHideDiv('" & divID & "', '" & Disabled & "');return false;"">" & icon & "</i>"
End Function

点击时应用的类应为

i.btnRotate.clicked {
   color:  #009FFF;
   font-family: FontAwesome;
    transform: rotate(540deg) scale(1.3);
}

但它没有正确应用.clicked类。它会在每一行上跳过它。因此，如果有3行，例如，只有第一行和第三行将正确转换。希望有道理。我很难过。任何想法？

Answer 1

尝试[debugger;]如下（如下），然后确保浏览器控制台中的iconClass variable =“btnRotate.clicked”

    Function ShowHideIcon(divID, Disabled, iconID, icon, iconClass)
        debugger;
        ShowHideIcon = "<i class=""" & iconClass & """ id=""" & iconID & """ onClick=""NewShowHideDiv('" & divID & "', '" & Disabled & "');return false;"">" & icon & "</i>"
    End Function

也许我认为它是一个javascript / ID问题。 Javascript每页只需1个ID。如果你的html在每隔一行中都有相同的id，那么它是不允许的，javascript会跳过它。一个解决方案可能是使用foreach，或只是类，但我必须看到一些HTML确定。

css类仅在每隔一行

1 个答案: