derekisbusy /yii2-superfish

为Yii2项目提供的Superfish资源

维护者

详情

github.com/derekisbusy/yii2-superfish

源代码

问题

安装: 10

依赖者: 0

建议者: 0

安全: 0

星标: 0

关注者: 1

分支: 0

开放问题: 0

语言：JavaScript

类型：yii2-extension

dev-master 2019-06-23 21:15 UTC

Requires

MIT ed128a7d4790f6914d83613d76242a6918b9ba41

  • Derek Gifford <derekisbusy.woop@gmail.com>

extensionyii2 js css html5 yii2-extension superfish menus

This package is auto-updated.

Last update: 2024-08-24 08:36:14 UTC

README

为Yii2项目提供的Superfish资源

安装

安装此扩展的首选方法是通过composer。

运行以下命令：

php composer.phar require --prefer-dist derekisbusy/yii2-superfish:dev-master

或者将以下内容添加到你的composer.json文件的require部分：

"derekisbusy/yii2-superfish": "dev-master"

用法

一旦安装了扩展，只需将其添加到你的视图

use \derekisbusy\superfish\SuperfishAsset;

SuperfishAsset::register($this);

或者将其添加到其他资源的依赖列表中

  public $depends = [
    'derekisbusy\superfish\SuperfishAsset'
  ];

然后在你的HTML中使用superfish

<nav>
    <div id="hamburger"><i class="icon-menu"></i> Menu</div>
    <ul class="sf-menu">
    <li class="home">
    <a href="#" title="Home"><i class="icon-home"></i><span> Home</span></a>
    </li>
        <li>
        <a href="#">Menu Item 1</a>
        <span class="sub-indicator"></span>
            <ul>
              <li><a href="#">Sub Menu Item 1</a></li>
              <li><a href="#">Sub Menu Item 2</a></li>
            </ul>
        </li>
        <li><a href="#">Menu Item 2</a></li>
        <li><a href="#">Menu Item 3</a></li>
    </ul>
</nav>

<script>
  jQuery(document).ready(function() {
    jQuery('ul.sf-menu').superfish();
  });
</script>

资源