我用过引导选择
现在,当我点击一个选项时,它应该被选中,因为它工作正常,但是当我点击同一个选项时,它应该同时被取消选择click和Enter按键事件它是如何在多个选择上工作的我只想以相同的方式进行单选选择。
我尝试了以下代码来选择和取消选择单击事件,它工作正常,但是当我尝试使用键盘执行此操作时,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
我正在尝试从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) 大家好我是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雄辩中写出它