【问题标题】:Add Class to html Macros Laravel Blade将类添加到 html 宏 Laravel Blade
【发布时间】:2015-03-28 11:36:13
【问题描述】:

我是 laravel Blade 的新手,我想要一个自动活动的导航栏, 所以我有这个代码

<li>{{ HTML::clever_link("index", 'Home' ) }}</li>
<li><a class="glow" href='breeder'>Breeder's Profile</a></li>
<li><a class="glow" href='gallery'>Gallery</a></li>
<li><a class="glow" href='contact'>Contact Us</a></li>

我在研究时使用了聪明的链接来做我想做的事,但是它删除了链接类“glow”现在我想用聪明的链接将光晕类添加到 li,我试过了

<li>{{ HTML::clever_link("index", 'Home', class="glow" ) }}</li>

但这只是给我错误。谢谢

【问题讨论】:

    标签: php html css laravel blade


    【解决方案1】:

    您可以简单地为您的 HTML 宏添加一个参数:(显然我不知道您的宏是什么样的,所以这只是一个示例)

    HTML::macro('clever_link', function($link, $label, $class = ''){
        return '<a href="'.$link.'" class="'.$class.'">'.$label.'</a>';
    });
    

    用法:

    {{ HTML::clever_link("index", 'Home', 'glow') }}
    

    或者更灵活一点的东西:

    HTML::macro('clever_link', function($link, $label, $attributes = array()){
        return '<a href="'.$link.'" '.HTML::attributes($attributes).'>'.$label.'</a>';
    });
    

    用法:

    {{ HTML::clever_link("index", 'Home', array('class' => 'glow')) }}
    

    HTML::attributes() 方法允许您将数组转换为 HTML 属性字符串)

    【讨论】:

      【解决方案2】:
       // for navigation menu highlight
      HTML::macro('clever_link', function($route, $text, $icon) {    
      
      if( Request::path() == $route ) {
              $active = "class = 'active'";
          }
            else {
              $active = '';
          }
      
        return "<a href = '{url($route)}' $active> <i class = '{$icon}'></i>{$text}</a>";
      });
      
      </pre>
      
      Usage:
      Make your menu as:
      
      {{ HTML::clever_link("/", 'Home', 'icon-home-2') }}
      {{ HTML::clever_link("/aboutus", 'About Us', 'icon-dollor') }}
      
      in your menu's link
      

      或使用

      https://github.com/pyaesone17/active-state

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2018-04-20
        • 2019-02-28
        • 2015-07-03
        • 1970-01-01
        • 2012-11-17
        • 2018-06-25
        • 2017-05-08
        相关资源
        最近更新 更多