Question

我正在开发由其他人构建的bootstrap / wordpress网站。我正在进行的更改是在客户预订页面上，其中有一个手风琴表单，用于在用户选择产品信息后输入用户详细信息。我所做的更改意味着现在有2个按钮email和call。当用户单击其中一个验证脚本在产品信息上运行时，应打开联系人详细信息手风琴。如果选择了email按钮，那么call按钮则表单需要保持打开状态，只有关闭才会再次单击相同（活动）按钮。

我遇到的问题是当前的手风琴系统在验证脚本完成之前打开，如果我尝试在验证脚本之后使用函数调用collapse函数而不是原来的手风琴系统$(this).collapse('toggle');我得到表示该功能不存在的错误。我不知道如何做这项工作

<div>
    <a class="btn-email" data-toggle="collapse" data-parent="#booking" href="#body-four" aria-expanded="false" aria-controls="body-four" onclick="$( '#promo' ).removeClass( 'flip-container-two flip-container-three flip-container-four');$( '#promo' ).addClass( 'flip-container-four');" href="#">Email</a>
</div>  

<div>
    <a class="btn-call" data-toggle="collapse" data-parent="#booking" href="#body-four" aria-expanded="false" aria-controls="body-four" onclick="$( '#promo' ).removeClass( 'flip-container-two flip-container-three flip-container-four');$( '#promo' ).addClass( 'flip-container-four');" href="#">Call Back</a>
</div>

<div id="body-four" class="collapse closed" aria-labelledby="heading-four">
    ...
</div>

我需要能够单击其中一个按钮并运行一个可以激活崩溃的功能

Answer 1

jQuery没有名为collapse()的函数，但它的一些扩展名。但是，这不是Bootstrap的工作原理。 Bootstrap使用data-toggle属性作为内部工作内存。在正常使用情况下按下折叠按钮可能只是添加或删除closed属性中的data-toggle属性，或者它可能会运行附加到该按钮的其他一些脚本。但是，您可以先在控制台中尝试删除closed属性，看看是否能提供所需的效果。如果是，那么你可以使用jQuery $(this).attr("data-toggle", "closed");，假设你已经选择了元素并正确捕获了它的点击事件。

用于控制bootstrap手风琴的多个按钮

1 个答案: