2017-09-28 21 views
0

有一個在jQuery.steps.js插件的可訪問性問題,鍵盤選擇複選框。 出於某種原因阻止我選擇用空格鍵複選框,在官方網站上,你可以看到在最後一步的高級形式的演示(步驟4)他們有一個複選框,你可以看到,這是不可能的選擇它與鍵盤。如何解決在jquery.steps.js插件

http://www.jquery-steps.com/examples#advanced-form

你有沒有過這樣的問題嗎?如何解決它?

+0

這個插件是4歲,我想你會碰到一起,如果你使用這個插件的方式有更多的問題。 編輯:爲什麼不使用只是一個驗證插件和功能自己的步驟編程,不應該太難(如果驗證是好的,允許點擊按鈕) – cloned

+0

這是開源的力量,而不是自己做所有事情。哪些其他品牌的新插件,你建議我做這個步驟?你知道其他人嗎?非常感謝 – Matt

回答

1

我GOOGLE了jQuery驗證,你可以用這個驗證部分: https://github.com/jquery-validation/jquery-validation(最後提交是12天前)我從來沒有使用這個插件,但它似乎確定。隨意挖掘更多,找到一個更好的插件,如果你不完全滿意。

的「臺階」只是簡單的CSS基於充滿什麼元素進行顯示/隱藏的東西。你不需要任何插件,你可以用基本的jQuery(或CSS3)做一些轉換效果。重要的是驗證這些步驟(使用上面提到的插件),如果驗證是真的,則啓用下一步的按鈕。

+0

謝謝@cloned,我使用這個插件的唯一原因是他們提供開箱即用的支持。 – Matt

+0

但它看起來像你有可訪問性的問題?默認的瀏覽器元素是開箱即用的,你不需要任何插件。唯一需要注意的是,如果有任何javascript修改了您的輸入元素/複選框/任何內容,那麼您必須檢查它們是否仍然可以訪問。 – cloned

0

我也有同樣的問題:沒有選擇步驟,容器內的複選框。

我的解決方案: 我添加了一行: enableKeyNavigation:假的, (默認爲true) 指:啓用鍵盤導航如果真(左箭頭和右箭頭)。

這種變化後,我可以選擇用空格鍵複選框。

相關問題