javascript - primefaces jquery ui 选项卡

Question

上下文:尝试直接从 JavaScript 在 primefaces 应用程序中使用 jquery ui 插件(选项卡和对话框)(由于某些要求)。

问题:调用时出现“长度未定义”和“未定义不是函数”错误。更具体地说， $("#id").tabs() 抛出错误。

我做了什么:在 stackoverflow 中搜索；在控制台中检查 $.fn.* 和 $.ui.* ；令人惊讶的是，有很多 ui 插件可用(datepicker、droppable、selectable)，但对话框和选项卡似乎丢失了。 $.ui.版本是1.11.3。我尝试使用outputScript并直接使用<script>标签来包含jquery ui，但似乎没有一个包含这些插件；尝试过无冲突。

其他信息:它在某个时候间歇性地工作..不确定是什么导致它工作以及什么阻止它现在工作。花了很多时间来解决这个问题。

预先感谢您抽出宝贵的时间，如果需要，我们将提供更多信息。

Answer 1

PrimeFaces 包含 jQuery-UI 组件的自定义(子集)。其他的需要你自己添加。并确保您从兼容版本使用它们。与 PrimeFaces 使用的 jQuery 版本兼容。

包含它们的方式应该像通常包含单独的 jquery-ui 组件或 jquery-ui 兼容组件一样，通常通过 javascript 标签加载它们