我正在开发由其他人构建的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>
我需要能够单击其中一个按钮并运行一个可以激活崩溃的功能
答案 0 :(得分:0)
jQuery没有名为collapse()
的函数,但它的一些扩展名。但是,这不是Bootstrap的工作原理。 Bootstrap使用data-toggle
属性作为内部工作内存。在正常使用情况下按下折叠按钮可能只是添加或删除closed
属性中的data-toggle
属性,或者它可能会运行附加到该按钮的其他一些脚本。但是,您可以先在控制台中尝试删除closed
属性,看看是否能提供所需的效果。如果是,那么你可以使用jQuery $(this).attr("data-toggle", "closed");
,假设你已经选择了元素并正确捕获了它的点击事件。