向XSLTForms添加Jquery

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 (<!-- A comment! -->)表示。

但出于某种原因任何引用的图像都不会被载入..。

Answer 2

XSLTForms要求CSS文件格式良好.

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

<?css-conversion no?>

看看这个XSLTForms维基百科文章