时间戳

首页 > 解决方案 > 如何从 jquery 手风琴中删除本地 css？

jquery - 如何从 jquery 手风琴中删除本地 css？

问题描述

我使用了#accordion jquery 方法，在检查器中它显示了一些本地样式，而在我的html 中它没有出现。问题是我找不到根文件，所以我可以更改它，因为它有一些 px 的高度，我想让高度自动，我该怎么做？

我尝试到处寻找解决方案，我尝试在我的本地 html 中覆盖，但它不起作用。

<div id="accordion">
                <h3 class="heading">CE ESTE HYALO GYN?<span class="sageata"><i class="  fa fa-angle-down"></i></span></h3>
                <div >
                  <p>
                        HYALO GYN este un tratament vaginal non-hormonal care are la baza Hydeal-D®, 
                        formula special conceputa pentru a reduce rapid si sustinut manifestarile 
                        neplacute ale uscaciunii vaginale si pentru a mentine starea de sanatate vaginala, 
                        indiferent de varsta.
                  </p>
                  <p>
                        HYALO GYN are actiune complexa si un efect de durata, putand fi administrat o data la 3 zile, oricare ar fi cauza uscaciunii vaginale
                  </p>

                </div>
                <h3 class="heading">CE CONTINE HYALO GYN?<span class="sageata"><i class="   fa fa-angle-down"></i></span></h3>
                <div>
                  <p>
                        Componentul principal al HYALO GYN este Hydeal-D®, formula moderna care permite eliberarea prelungita si controlata a acidului hialuronic biologic activ la locul aplicarii.
                  </p>
                  <p>
                        Alte componente sunt propilenglicol, metilpropandiol, carbomer, 1,2-hexandiol, caprililglicol, hidroxid de sodiu, apa purificata.

                  </p>
                  <p>
                        HYALO GYN nu contine hormoni, parabeni sau alte tipuri de conservanti.
                  </p>
                </div>
   </div>

检查器中显示的 HTML：

<div class="ui-accordion-content ui-corner-bottom ui-helper-reset ui-widget-content" id="ui-id-4" aria-labelledby="ui-id-3" role="tabpanel" aria-hidden="true" style="display: none; HEIGHT: 1624px;">
                  <p>
                        Componentul principal al HYALO GYN este Hydeal-D®, formula moderna care permite eliberarea prelungita si controlata a acidului hialuronic biologic activ la locul aplicarii.
                  </p>
                  <p>
                        Alte componente sunt propilenglicol, metilpropandiol, carbomer, 1,2-hexandiol, caprililglicol, hidroxid de sodiu, apa purificata.

                  </p>
                  <p>
                        HYALO GYN nu contine hormoni, parabeni sau alte tipuri de conservanti.
                  </p>
                </div>

类似的东西。

如您所见，它的本地高度为 1624px，我希望它是自动的。

我怎么做？我在哪里可以找到根文件？

标签： jqueryaccordion

解决方案

初始化时，您需要在手风琴上设置正确的高度样式选项 - 默认情况下，它将使每个面板与最大面板一样高，如果您只希望它与内容一样大，则使用 content 选项：

http://api.jqueryui.com/accordion/#option-heightStyle

heightStyle
类型：字符串
默认值：“auto”
控制手风琴和每个面板的高度。可能的值：

“auto”：所有面板将设置为最高面板的高度。
"fill"：根据手风琴的父高度展开到可用高度。
“内容”：每个面板将仅与其内容一样高。

代码示例：
使用指定的 heightStyle 选项初始化手风琴：

$( ".selector" ).accordion({
    heightStyle: "content"
});

推荐阅读