Question

早上好，

我必须在jqGrid列中显示一个16x40像素的图像，当我点击时会发生变化在上面;为此，我将格式化程序定义如下：

def composeV[A, B, C, L: Semigroup](f: A => Validation[L, B], g: A => Validation[L, C]): A => Validation[L, (B, C)] = {
  import scalaz.syntax.apply._
  import scalaz.std.function.function1Instance
  f |@| g apply { case (vb, vc) =>
    vb |@| vc apply { case x: (B, C) => x }
  }
}

并创建了两个包含不同图像的CSS类：

function dataViewLink(cellValue, options, rowdata, action)
{   
    var chartLink = "<div style='float:left;'><img id='_addtochart" + options.rowId + "' class='ui-icon-addtochart' onclick='devToggleChartChecked("  + options.rowId + ")'></img></div>";
    return chartLink; 
}

然后，我使用jquery动态切换这些类。一切在chrome上运行正常，但是没有办法让它在firefox上工作。这些图片没有在firefox上显示。

我已经在firefox上找到了与'content'属性相关的问题：

Content url does not display image on firefox browser

并尝试了所有建议的解决方法，但它们都没有为我工作。

我无法使用firefox显示这些图像。

这个小问题让我发疯。有没有人有任何建议？

非常感谢您的进步。

布鲁诺

Answer 1

我似乎找到了解决方案;我改变了格式化程序：

function dataViewLink2(cellValue, options, rowdata, action)
{   
    var chartLink = "<div style='float:left;' id='_addtochart" + options.rowId + "' class='ui-icon-addtochart ui_add_dev' onclick='devToggleChartChecked("  + options.rowId + ")'></div>";
    return chartLink; 
}

和CSS类：

.ui-icon-addtochart
{
    background: url(../images/addtochart.jpg);
    height: 16px;
    width: 144px;
}

.ui-icon-removefromchart
{
    background: url(../images/removefromchart.jpg);
    height: 16px;
    width: 215px;
}

它适用于chrome和firefox。

非常感谢你！

布鲁诺

在Firefox中不起作用的列中的jqGrid图像

1 个答案: