小编Iko*_*ong的帖子

在Laravel 5中设置Bootstrap导航栏活动类

我一直想知道寻找解决方案,但在创建帮助器时尤其不能理解.我是Laravel的新手,我想要一个关于如何为我的bootstrap导航栏设置活动类的简单或非详细说明.

这是我到目前为止所做的,但无法完成:

<div class="header clearfix">
        <nav>
          <ul class="nav nav-pills pull-right">
            <li class=""><a href="{{ url('/') }}">Home</a>
            </li>
            <li {{ Request::is('about*') ? ' class="active"' : null }}><a href="{{ url('about') }}">About Us</a>
            </li>
            <li><a href="{{ url('auth/login') }}">Login</a>
            </li>
        </ul>
    </nav>
    <h2 class="">Tobacco Prevention and Control Program</h2>
</div>
Run Code Online (Sandbox Code Playgroud)

编辑

设置class="active"将使所有导航丸活跃.预期的效果是只有li当前页面的active类具有该类.

编辑

对于那些访问这篇文章的人.我设法得到了解决方案,但我不确定它是否整洁.嗯,它对我来说很好用.

<ul class="nav nav-second-level">
                    <li class="{{ Request::segment(1) === 'programs' ? 'active' : null }}">
                        <a href="{{ url('programs' )}}" ></i> Programs</a>
                    </li>
                    <li class="{{ Request::segment(1) === 'beneficiaries' ? …
Run Code Online (Sandbox Code Playgroud)

php laravel laravel-5

40
推荐指数
7
解决办法
5万
查看次数

Laravel社交名流弹出窗口

我正在从另一个线程中遵循此指令.弹出窗口的简单示例.问题是我无法让它在我的Laravel应用程序上运行.我对cookie知之甚少,而且我不确定$('#UserInfo').text($.cookie("some_cookie"));在代码中该怎么做.

我已经让facebook登录弹出窗口.问题是,当我成功登录时,它不会关闭弹出窗口,而是加载重定向路径.

我想在成功登录后关闭弹出窗口,然后将下一个路由加载到父级.

<input id="btn-facebook" type="button" value="Connect with Facebook" />
<script src="{{ asset('js/jquery.cookie.js') }}"></script>
<script>
    var signinWin;
    $('#btn-facebook').click(function () {
         //   var pos = screenCenterPos(800, 500);
            signinWin = window.open("{!!URL::to('facebook')!!}", "SignIn", "width=780,height=410,toolbar=0,scrollbars=0,status=0,resizable=0,location=0,menuBar=0,left=" + 500 + ",top=" + 200);
            setTimeout(CheckLoginStatus, 2000);
            signinWin.focus();
            return false;
        });

    function CheckLoginStatus() {
        if (signinWin.closed) {
            $('#UserInfo').text($.cookie("some_cookie"));
        }
        else setTimeout(CheckLoginStatus, 1000);
    }

</script>
Run Code Online (Sandbox Code Playgroud)

javascript jquery laravel laravel-5

10
推荐指数
1
解决办法
2677
查看次数

在数据中设置初始值时未读取 VueJs 属性

我最近一直在努力解决如何设置本地数据属性的初始值。我将 Laravel 与 Vue.js 结合使用

我的组件中有下面的代码

props: {
            user: '',
            dates: {}
        },
        data() {
            return {
                bloodTypes: {},
                bloodComponents: {},
                data: {
                    order_date: this.dates.order_date,
                    order_details: []
                },
            }
        },
Run Code Online (Sandbox Code Playgroud)

我试图将道具“日期”的值获取到局部变量中。

order_date: this.dates.order_date
Run Code Online (Sandbox Code Playgroud)

返回未定义。虽然你可以在下图中看到 props 已经被初始化了。 在此输入图像描述

我想知道如何将 props 值获取到我的本地数据变量中。

laravel vue.js vuejs2

2
推荐指数
1
解决办法
2313
查看次数

如何正确删除目录中的文件

我有一个代码,如果我想删除目录中的文件将提示.页面刷新时出现问题,它只会在没有提示选择的情况下删除文件.即使页面刷新,我也不想删除文件.

<script language="javascript">
function checkMe() {
    if (confirm("Are you sure")) {
        alert("Clicked Ok");
        <?php                   
            $files = glob('d:/pics/*'); // get all file names
            foreach($files as $file){ // iterate files
            if(is_file($file))
            unlink($file); // delete file
            }
        ?>
        return true;
    } else {
        alert("Clicked Cancel");
        return false;
    }
}
</script>
Run Code Online (Sandbox Code Playgroud)

这是调用函数的代码

<a href='index.php?main=add-doc' class='footer-img' onclick=\"return checkMe();\"><div class='record'><img src='images/download.png' style='position: relative; margin: auto;'/>Upload Record</div></a>
Run Code Online (Sandbox Code Playgroud)

html javascript php

1
推荐指数
1
解决办法
222
查看次数

CSS 浮动高度自动调整

我这里有我的 CSS 代码。我的问题是,当内容有很多东西时,它会将其高度调整为大于导航高度。我想要的是当这个浮动高度调整之一时,它也包括另一个。

<div id="main">   
    <div id="navigation"></div>
    <div id="content"></div>
    <div id="footer"></div>
</div>
Run Code Online (Sandbox Code Playgroud)

CSS代码如下:

#main{
    width: 960px;
    height: 500px;
    margin: auto;
}
#navigation{
    float: left;
    width: 200px;
    background-color: #C7E1BA;
}
#content{
    float: right;
    width: 740px;
    background-color: #F6E4CC;
    padding: 10px;
}
#content, #navigation {
    height: 100%;

}
#footer{
    clear: both;
    width: 960px;
    height: 100px;
    background-color: #628B61;
    margin: auto;
}
Run Code Online (Sandbox Code Playgroud)

html css css-float

1
推荐指数
1
解决办法
5539
查看次数

当选择右选择值时,JQuery启用/禁用输入

我有一个输入类型select和输入类型text.我想要的是当我在选择输入中选择"其他"项时,其他输入类型文本将启用,否则它将被禁用.我这里有代码,我可能会错过这里的一些东西.

<script type='text/javascript'>

    var others = $('select[name="facility"]').val()
    $().ready(function() {
        if(others == "Others"){
            $('input').each(function() {

                if ($('#disabled_input').attr('disabled')) {
                    $('#disabled_input').removeAttr('disabled');
                }
                else {
                    $('#disabled_input').attr({
                        'disabled': 'disabled'
                    });
                }

            });
        }
        });
    });
</script>
Run Code Online (Sandbox Code Playgroud)

html javascript php jquery

0
推荐指数
1
解决办法
7443
查看次数

标签 统计

html ×3

javascript ×3

laravel ×3

php ×3

jquery ×2

laravel-5 ×2

css ×1

css-float ×1

vue.js ×1

vuejs2 ×1