介绍
okayNav 是一款基于 jQuery 的前端插件，用于在导航栏元素过多时创建响应式下拉菜单。该插件可以帮助开发者轻松解决导航条排版问题，提高用户体验。
安装
你可以通过 npm 安装 okayNav：
npm install okaynav
使用
引用 okayNav：
-- -------------------- ---- -------
--------- -----
----- ----------
------
----- ----------------
-------------- ------------
----- ---------------- ---------------------------
-------
------
-----
----
------ ----------------------
------ -------------- -----------
------ ---------------------
----
------ ---------------- ------------
------ ---------------- ------------
------ ---------------- --------------
-----
-----
------ ---------------- -----------
-----
------
------- ---------------------------------
------- ----------------------------------
--------
---------------------------- -
-------------------
---
---------
-------
-------API
itemText 选项
可以使用 itemText 对象更改下拉菜单中导航项的文本。例如：
$('nav').okayNav({
itemText: {
'products': 'Our Products'
}
});这将把原来下拉菜单中的“Products”更改为“我们的产品”。
toggleText 选项
可以使用 toggleText 更改响应式下拉菜单的默认文本。例如：
$('nav').okayNav({
toggleText: '<span class="bars">Menu</span>'
});这将把默认文本更改为“菜单”，并且用 <span> 标签框起来以便于样式定制。
示例代码
完整示例代码在下面：
-- -------------------- ---- -------
--------- -----
----- ----------
------
----- ----------------
-------------- ------------
----- ---------------- ---------------------------
-------
--- -
----------------- -----
------ -----
-
--- -- -
----------- -----
------- --
-------- --
-
--- -- -
-------- -------------
--------- ---------
-
--- - -
------ -----
-------- ------
-------- ---- -----
---------------- -----
-
--- -- -- -
-------- -----
--------- ---------
---- -----
----- --
-------- --
-
--- -------- - -- -
-------- ------
-
--------
-------
------
-----
----
------ ----------------------
------ -------------- -----------
------ ---------------------
----
------ ---------------- ------------
------ ---------------- ------------
------ ---------------- --------------
-----
-----
------ ---------------- -----------
-----
------
------- ---------------------------------
------- ----------------------------------
--------
---------------------------- -
------------------
--------- -
----------- ---- ---------
--
----------- ------ -------------------------
---
---
---------
-------
-------总结
okayNav 可以帮助开发者轻松实现响应式下
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/33583
