将 Jquery UI 添加到 XSLTForms

Question

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

知道哪里出了问题吗？功能还可以，因为 Y 可以让它出现一个对话框，但没有样式。我将源代码复制到一个新文件中并将其更改为 html（用 HTML 替换 XForms tahgs）并且一切正常。所以我认为 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>

Answer 1

这个特定文件有一些其他文件没有的东西：CSS 评论。只需删除注释或按照 XML 方式进行 ()。

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

Answer 2

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

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

<?css-conversion no?>

看看这个XSLTForms Wikibook article

将 Jquery UI 添加到 XSLTForms

Adding Jquery UI to XSLTForms

jquery-ui

xforms

xsltforms