使用 jquery UI 选项卡搜索结果

Question

我使用 Jquery UI 选项卡来列出和分组不同类型的搜索结果内容。

该工具很棒，但在某些情况下它的行为会出乎意料。

这是预期行为的示例：

http://www.acidi.gov.pt/pesquisa/波尔图？

这是奇怪行为的一个例子：

http://www.acidi.gov .pt/pesquisa/mudan%C3%A7a？

由于某种原因，使用某些搜索字符串时，浏览器会忽略其他选项卡结果上的 ui-tabs-hide 类，从而在同一页面中列出所有不同类型的结果。

我认为这可能是一个未封闭的div标签，但我找不到任何标签。我不知道为什么会发生这种行为。

有人可以帮我吗？

Answer 1

在您的代码中，有一个不应该存在的 ：

<li><h2><a href="#search-faqs">FAQs</a></h2></li> 
                                                        </ul> </div> 

如果您查看工作页面，它不存在。

"#search-claiis">CLAIIs</a></h2></li> 
</ul> 
<div id="search-acidi"> 

结果是你创建了一个“空”选项卡，可以使用 firebug 看到。并将您的文字放在下面。

Answer 2

我认为问题不在于 jQuery 方面，而在于 CSS 方面。不工作的版本缺少 jQuery UI CSS 类，例如 ui-tabs-hide。 jQuery UI 正在切换 CSS 类以显示和不显示选项卡的内容。

如果你只使用
<代码>
.ui-tabs-隐藏 {
显示：无！重要；
}

它会起作用的。