使用jquery UI选项卡搜索结果

Question

我使用Jquery UI标签列出并分组不同类型的搜索结果内容。

该工具非常棒，但在某些情况下，它会出现意外情况。

这是预期行为的一个例子：

http://www.acidi.gov.pt/pesquisa/porto？

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

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

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

我认为它可能是一个未公开的div标签，但我找不到任何标签。我不知道为什么会出现这种情况。

有人可以帮助我吗？

Answer 1

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

如果你只使用 .ui-tabs-hide { display:none !important; } 它会起作用。

Answer 2

在您的代码中，有</div>不应该存在：

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

如果你查看工作页面，它就不存在了。

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

结果是你制作了一个“空”标签，可以用firebug看到。并将您的文字放在下面。