小编Pra*_*rji的帖子

单击以选择和取消选择单个下拉列表,例如 bootstrap-select 中的多个

我用过引导选择

现在,当我点击一个选项时,它应该被选中,因为它工作正常,但是当我点击同一个选项时,它应该同时被取消选择clickEnter按键事件它是如何在多个选择上工作的我只想以相同的方式进行单选选择。

我尝试了以下代码来选择和取消选择单击事件,它工作正常,但是当我尝试使用键盘执行此操作时,enter key它甚至没有被选中。

任何帮助表示赞赏:-)

$('.selectpicker').selectpicker({
    liveSearch:true,
    showTick:true
});

$(document).on('click', '.dropdown-menu li', function(event){ 
    if($(this).hasClass('active')){
 $(this).parent().prev('div').parent().next('select').selectpicker('val',''); } 
});
Run Code Online (Sandbox Code Playgroud)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>

<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.4/js/bootstrap-select.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.4/css/bootstrap-select.min.css" rel="stylesheet"/>

<select class="selectpicker">
    <option>Mustard</option>
    <option>Ketchup</option>
    <option>Relish</option>
</select>
Run Code Online (Sandbox Code Playgroud)

html jquery twitter-bootstrap bootstrap-select bootstrap-selectpicker

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

Bootstrap侧边栏上图标旁边的文本对齐

我正在尝试从Bootstrap 修改仪表板。我在侧边栏上的文本之前添加了类似于图标。我确实检查了后者,但是它没有一些特殊的CSS代码来使文本具有一致的空格和对齐方式。

这是我的代码:

<ul class="nav nav-pills flex-column">
    <li class="nav-item">
        <a class="nav-link" href="/">
            <div>
                <i id="icon-dashboard" class="fa fa-tachometer icon" aria-hidden="true"></i>
                <span class="nav-link-text">Dashboard</span> <span class="sr-only">(current)</span>
            </div>
        </a>
    </li>
    <li class="nav-item">
        <a class="nav-link" href="/books">
            <div>
                <i id="icon-book" class="fa fa-book icon" aria-hidden="true"></i>
                <span class="nav-link-text">Book</span>
            </div>
        </a>
    </li>
    <li class="nav-item">
        <a class="nav-link" href="/transactions">
            <div>
                <i id="icon-transaction" class="fa fa-handshake-o icon" aria-hidden="true"></i>
                <span class="nav-link-text">Transaction</span>
            </div>
        </a>
    </li>
    <li class="nav-item">
        <a class="nav-link" href="/reports">                                
            <div></div>
            <div>
                <i id="icon-report" class="fa fa-bar-chart icon" aria-hidden="true"></i>
                <span class="nav-link-text">Report</span>
            </div> …
Run Code Online (Sandbox Code Playgroud)

css html5 icons sidebar bootstrap-4

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

如何使用Laravel Eloquent在两个表之间创建子查询

大家好我是Laravel开发的新手,我想知道如何在两个表之间创建子查询,例如,我想执行这个查询:

SELECT * FROM `contracts` 
WHERE `trainer_id` = '1' OR id IN (
    SELECT `contract_id` FROM `trainees` 
    WHERE `user_id` = '1'
)
Run Code Online (Sandbox Code Playgroud)

我测试它并且它可以正常工作,我想知道如何在Laravel雄辩中写出它

php mysql rest laravel eloquent

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