0

我试图添加 JQuery UI 功能和样式，但我遇到了 CSS 文件问题。我曾经将很多库附加到 XSLTForms 文件，但我真的无法加载它。我已经将 and 标记放在 CSS 文件中，就像我以前对其他 CSS 文件所做的那样，但没有成功。

知道有什么问题吗？功能还可以，因为Y可以让它出现一个对话框，但是没有样式。我将源代码复制到一个新文件中并将其更改为 html（将 XForms 标记替换为 HTML 标记），一切正常。所以我认为 XSLTForms 有一些东西。

<xf:trigger id="showDialog">
    <xf:label>Show dialog!</xf:label>
    <xf:load ev:event="DOMActivate" resource="javascript: 

        var dialog = document.createElement('div');
        dialog.innerHTML = 'Your modal dialog';

        $(dialog).dialog({
            autoOpen: true,
            modal: true,
            title: 'Attention',
            open: function(){
                $('.ui-widget-overlay').bind('click',function(){
                    $(dialog).dialog('close');
                })
            }
        });
    "/>
</xf:trigger>

我也没有成功尝试以这种方式加载：

<style type="text/css">
    @import url('res/jquery-ui.css');
</style>
4

2 回答 2

1

XSLTForms 要求 CSS 文件是 XML 格式正确的。

可以禁用此选项，包括在 XForms 中包含此处理指令：

<?css-conversion no?>

看看这篇XSLTForms Wikibook 文章

于 2015-01-16T14:28:13.040 回答
0

这个特定的文件比其他文件有一些东西：CSS 注释。只需删除注释或使其以 XML 方式 ( <!-- A comment! -->) 即可。

但由于某种原因，没有加载任何引用的图像......

于 2015-01-15T16:01:24.677 回答