在CSS中存储其他数据 - 使用jQuery访问自定义CSS参数

Question

我有自己的用于C ++应用程序的GUI生成器。我不想为我的GUI创建自己的文件格式，相反，我想使用简化的CSS。

例如：

#panel1{
    width: 100px;
    height: 50px;
    background-color: red;
}

多亏了它，使用我的程序的人将不必学习新的文件格式。我不仅可以在我的程序中预览我的GUI，还可以在任何Web浏览器中预览我的GUI（当我包含一些reset.css和几个全局css规则/修复时）。

但我发现了一个问题。我有一些CSS中不存在的规则（假设它是int类型的background-id）。我可以将该参数添加到#panel1，浏览器会忽略它。

问题是，要在Web浏览器中预览我的GUI，我需要将JavaScript / jQuery修复应用于每个参数（例如，在CSS和我的模型中解释例如位置的差异时）。

对于标准CSS参数，我可以这样做：

fixWidth( $('#panel1').css('width') );

但它不适用于background-id（我的自定义参数）：

fixBackgroundID( $('#panel1').css('background-id') );

因为jQuery不认识它，不幸的是。

是否有任何解决方法？