jQuery与内联CSS冲突

Question

我有一个使用PHP从MySQLi生成的表，并且每行至少有两个<a>链接，这些链接的样式由<style>设置，例如在状态不为0时隐藏。

现在，我包含了jQuery Datatable（https://datatables.net/），这是问题所在：无论状态为0还是0，即使!important规则为指定。

我使用了jQuery noConflict();，但它禁用了整个数据表插件。

我尝试通过jQuery更改<a>链接样式或删除属性，但是没有运气。

我用来隐藏/显示元素的代码（取决于“状态”）是： echo "<style>#approve$row[id] { visibility: hidden !important; };</style>";

我希望插件与<style>不存在冲突，或者至少找到一种解决方案来指定优先级（!important除外），以便php中指定的优先级为在jQuery上执行。

有趣的是，仅表的第一行不受影响，其余的则受影响。参见下图：

1

Answer 1

在项目的通用样式表中定义css或通过删除！important来尝试使用它，因为它更易于实现。