Question

我尝试使用Foundation 6创建一个使用手风琴进行组织的表单。我想在手风琴标题中添加输入和按钮。通常，当点击手风琴标题时，它会通过滑动来切换其内容。我想禁用此效果，这样如果我点击标题中的按钮，内容就不会切换，因为如果每次单击按钮时它都会扩展和收缩，那真的很烦人。

我有类似的东西：

    $body.on('click', '.button_on_title', function (event) {
      // do stuff
    });

我已经尝试了event.preventDefault()和event.stopPropagation()，但它们没有效果。看起来基金会6以某种方式覆盖了事件堆栈？

编辑：为了澄清，我希望防止手风琴在点击时打开和关闭，而不仅仅是删除滑动动画。

Answer 1

您只需将幻灯片速度设置为0即可停用动画。设置幻灯片速度的一种简单方法是通过data-slide-speed数据属性。

以下是添加了此属性的文档示例：

<ul class="accordion" data-accordion data-slide-speed="0">
  <li class="accordion-item is-active">
    <a class="accordion-title">Accordion 1</a>
    <div class="accordion-content" data-tab-content>
      I would start in the open state, due to using the `is-active` state class.
    </div>
  </li>
  <!-- ... -->
</ul>

如何在基金会6中防止手风琴动画

1 个答案: