nerburish/yii2-equalize

equalize.js 的简单资产包(http://tsvensen.github.io/equalize.js/)

安装次数: 2

依赖关系: 0

建议者: 0

安全: 0

星标: 0

关注者: 2

分支: 0

开放问题: 0

类型:yii2-extension

1.0.0 2016-08-19 17:29 UTC

This package is not auto-updated.

Last update: 2024-09-20 18:18:35 UTC


README

equalize.js jQuery 插件的简单资产包(http://tsvensen.github.io/equalize.js/)Equalize.js 是一个 jQuery 插件,允许使 div 容器具有相同的高度或宽度。

安装

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

运行以下命令之一

php composer.phar require --prefer-dist nerburish/yii2-equalize "dev-master"

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

"nerburish/yii2-equalize": "dev-master"

使用方法

你可以在 AppAsset 中注册此资产

class AppAsset extends AssetBundle
{
    ...
    public $depends = [
        ...
        'nerburish\equalize\EqualizeAsset'
    ];
}

或者直接在视图中使用

<?php
\nerburish\equalize\EqualizeAsset::register($this);
?>

然后按照文档中的说明使用(http://tsvensen.github.io/equalize.js/

<div id="height-example" class="example">
    <div>equalize</div>
    <div>equalize content height</div>
    <div>equalize</div>
    <div>equalize</div>
    <div>equalize</div>
    <div>equalize content</div>
    <div>equalize</div>
    <div>equalize</div>
    <div>equalize content height</div>
    <div>equalize</div>
  </div>
 
<?php $this->registerJs('$('#height-example').equalize(); // defaults to height') ?>