将 Jquery UI 添加到 XSLTForms

Posted 2023-02-16

【中文标题】将 Jquery UI 添加到 XSLTForms

【英文标题】：Adding Jquery UI to XSLTForms

【发布时间】：2015-03-13 23:29:26

【问题描述】：

我试图添加 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>

【参考方案1】：

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

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

【参考方案2】：

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

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

<?css-conversion no?>

看看这个XSLTForms Wikibook article