0

JQuery UI 機能とスタイリングを追加しようとしましたが、CSS ファイルに問題があります。以前は XSLTForms ファイルに多くのライブラリを添付していましたが、実際にはロードできません。他の 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 に答える