Question

我继承了一个前端有一些JQuery-UI的ASP网站，它有标签和菜单。它工作正常;唯一的故障是标签在Firefox上出现奇怪。

当用户点击Superfish菜单时，会添加标签。选项卡显示正常，但添加了一些标记以在选项卡右侧添加“X”（关闭）图标。在IE和Webkit（Chrome，Safari等）上，选项卡显示为：

|---------|
|        x|
|Tabname  |
|---------|

然而，在Firefox上，它看起来像：

|---------|
|         |
|Tabname  |
|x        |
|---------|

我对JQuery了解不多，但我尝试过使用标记，但无法在Firefox的右上角显示“关闭”图标，就像其他浏览器一样。< / p>

代码的相关部分（即如果我把这个“关闭”图标消失:)）看起来像：

  var $tabs = $('#tabs').tabs({
            tabTemplate: '<li class="close" align=left><a  href="#{href}">#{label}</a><span  class="ui-icon ui-icon-close" ></span></li>',
          });

任何人都可以帮我弄清楚这里发生了什么吗？如果它是相关的，那就是正在使用的JQuery-1.4.2.min.js和JQuery-ui-1.8.4.min.js。

Answer 1

您可能对http://bugs.jqueryui.com/ticket/5603感兴趣它似乎是一个jquery ui bug报告的相同问题。计划在1.9版本的jquery ui中修复，你可以通过这个链接找到一些可能的解决方法。

例如，在页面http://jqueryui.com/demos/tabs/#manipulation上，您可能会发现以下解决方法（在FF中运行良好）：

#tabs li .ui-icon-close { float: left; margin: 0.4em 0.2em 0 0; cursor: pointer; }

JQuery-UI＆＃34;关闭＆＃34; Firefox中出现错误的图标

1 个答案: