【问题标题】:JQuery UI accordion Header not rendering properlyJQuery UI手风琴标题未正确呈现
【发布时间】:2013-02-14 05:06:27
【问题描述】:

我正在使用 Jquery UI 手风琴小部件。我使用 H4 作为我的标题标记。但是当它呈现时,标题中的向下箭头会呈现在标题文本的顶部。

看看:

请帮我解决这个问题。

我的标记是这样的:

<div class="sections">
  <h4>Title1</h4>
  <div class="section">
    <!-- stuff -->
  </div>
  .
  .
  .
</div>

和咖啡脚本来激活它:

$( ".sections" ).accordion({ header: "h4",collapsible: true })

【问题讨论】:

  • 您可能已经在与 jquery 内容冲突的 CSS 中的标题或 ul/li 标签中添加了一些额外的样式。使用诸如 Firebug 或 Chrome 开发者工具之类的 CSS 检查器在您的页面上达到峰值并打开和关闭 CSS 规则,直到找到罪魁祸首。
  • 不,我没有添加任何样式.. 我检查了代码并尝试打开和关闭东西.. 不起作用。

标签: jquery ruby-on-rails jquery-ui


【解决方案1】:

在 CSS 文件的最后添加这些行。

.ui-accordion .ui-accordion-icons {
    padding-left: 35px !important;
}

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2016-06-13
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多