我想用twitter bootstrap创建工具提示或弹出窗口.据我所知,没有建立方式来做到这一点.
$('#selector').popover({
placement: 'bottom'
});
Run Code Online (Sandbox Code Playgroud)
例如,假设我想将创建的工具提示向上移动5px并从其计算位置离开5px.有关最佳方法的任何想法吗?
这就是我想做的事情:
$('#selector').popover({
placement: 'bottom',
callback: function(){
alert('Awesome');
}
});
Run Code Online (Sandbox Code Playgroud) 我有一个位于弹出框内的日期选择器.Datepicker无法正常工作.有没有人这样做过
<div class="col-sm-4">
<button tabindex="0" class="btn btn-primary" role="button" data-toggle="popover" data-trigger="click"
data-placement="bottom" data-container="body" data-html="true" id="login"><i class="fa fa-calendar"></i> - <i class="fa fa-calendar"></i>
</button>
<div id="popover-content" class="hide">
<form role="form" method="post">
<div class="form-group">
<label>Start time?</label>
<div class='input-group date' id='datetimepicker1'>
<input type='text' class="form-control" placeholder="Start Date time of event"/>
<span class="input-group-addon">
<span class="glyphicon glyphicon-calendar"></span>
</span>
</div>
</div>
<div class="form-group">
<label>End time?</label>
<div class='input-group date' id='datetimepicker2'>
<input type='text' class="form-control" placeholder="End Date time"/>
<span class="input-group-addon">
<span class="glyphicon glyphicon-calendar"></span>
</span>
</div>
</div>
<div class="form-group">
<button class="btn btn-primary btn-block">Search between …Run Code Online (Sandbox Code Playgroud)