如何在Foundation 6中防止手風琴動畫

我正在嘗試爲使用Foundation 6的組織創建一個使用手風琴的表單。我想向手風琴標題添加輸入和按鈕。通常當手風琴標題被點擊時，它通過滑動切換其內容。我想禁用這種效果，所以如果我點擊標題中的按鈕，內容將不會切換，因爲如果每次單擊按鈕時都會展開和收縮，這真的很煩人。如何在Foundation 6中防止手風琴動畫

我有類似：

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

我試過event.preventDefault()和event.stopPropagation()，他們有沒有影響。似乎基金會6在某種程度上覆蓋了事件堆棧？

編輯：爲了澄清，我想阻止手風琴單擊時打開和關閉，而不僅僅是刪除滑動動畫。

來源

2016-01-13 Mike

您只需將滑塊速度設置爲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>

來源

2016-01-13 19:26:14

感謝您的回答，其實我是想阻止手風琴從點擊後擴大，所以速度設置爲0，不解決這個問題。 – Mike

我想我很困惑。如果你不想要開啓和關閉的東西，你爲什麼要使用手風琴？這就是手風琴的目的。 –

是的，但我想在手風琴標題上放置一個文本輸入欄/按鈕。如果您點擊手風琴欄，它應該打開/關閉，但如果您專注於文本輸入或單擊欄上的按鈕，它不應該。 – Mike

如何在Foundation 6中防止手風琴動畫

回答

相關問題