gpt4 book ai didi

jquery - 如何在弹出窗口中放置多选?

转载 作者:行者123 更新时间:2023-12-01 04:09:35 24 4
gpt4 key购买 nike

我想在弹出窗口(来自 multiselect bootstrap plugin )中插入多选(来自 popover bootstrap plugin )。

不幸的是,多选未正确初始化,结果是经典的 Bootstrap 多选框:

The multiselect is a bootstrap multiselect and not a multiselect-bootstrap plugin multiselect

这是我的代码:

<html>
<head>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/bootstrap-multiselect.css">
</head>

<body>

<button id="mypopover" type="button" class="btn btn-default" data-container="body" data-toggle="popover" data-placement="bottom" data-content='
<div class="btn-group">
<select class="form-control multiselect" multiple="multiple">
<option>Choice 1</option>
<option>Choice 2</option>
<option>Choice 3</option>
</select>
<button class="btn btn-default" type="button">&nbsp;<span class="glyphicon glyphicon-remove"></span>&nbsp;</button>
<button class="btn btn-primary" type="button">&nbsp;<span class="glyphicon glyphicon-ok"></span>&nbsp;</button>
</div>
' data-title="Filter">
My popover
</button>


<script src="js/jquery-1.11.0.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/bootstrap-multiselect.js"></script>
<script src="js/bootstrap-tooltip.js"></script>
<script src="js/bootstrap-popover.js"></script>
<script>
$(function() {
// Popover
$("#mypopover").popover({
trigger:'click',
html:true,
content:function(){return $("#popover-content").html();}}
);
$('.multiselect').multiselect();
});
</script>

</body>
</html>

最佳答案

我找到了这个方法:

<script>  
$(function() {
$("#mypopover").popover({
trigger:'click',
html:true,
content:function(){return $("#popover-content").html();}}
).on('click',function () {
$('.multiselect').multiselect();
});
});
</script>

使用事件“show.bs.popover”可能会更好。

关于jquery - 如何在弹出窗口中放置多选?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22409391/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com