Javascript Jquery在bootsrap Popover元素上不起作用
我想在Bootsrap弹出窗口中以表单形式显示sig，它在现代浏览器中运行良好。我的问题是我编写了一个Jquery函数来为IE9添加占位符。 该函数不应用于弹出元素中 请告诉我如何访问popover元素。Javascript Jquery在bootsrap Popover元素上不起作用,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我想在Bootsrap弹出窗口中以表单形式显示sig，它在现代浏览器中运行良好。我的问题是我编写了一个Jquery函数来为IE9添加占位符。 该函数不应用于弹出元素中 请告诉我如何访问popover元素。 <!DOCTYPE HTML> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <li
<!DOCTYPE HTML>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="css/bootstrap.css" type="text/css" rel="stylesheet"/>
<style>
.form-control {width:120px;}
.popover {max-width:400px;}
.popper-content {
display:none;
}
</style>
<script src="js/jquery-1.9.1.min.js" type="text/javascript"> </script>
</head>
<body>
<a class="popper" data-toggle="popover" data-placement="bottom" id="search">Pop me</a>
<div class="popper-content" id="popover-content" class="hide">
<div >
<div class="well">
<form role="form">
<div class="form-group">
<label class="control-label">E-Mail</label>
<input class="form-control" id="inputSuccess1" placeholder="hello@example.com" type="text">
</div>
<div class="form-group">
<label for="inputPassword" class="control-label">Passwort</label>
<input class="form-control" id="inputSuccess2" placeholder="******" type="password">
</div>
<div class="form-group">
<button type="button" class="btn btn-primary btn-block">Login</button>
</div>
<div class="row">
<div class="col-xs-6 col-md-8">
<div class="checkbox">
<label>
<input checked="checked" type="checkbox"> Remember me
</label>
</div>
</div>
<div class="col-xs-6 col-md-4">
<button type="button" class="btn btn-link pull-right small">Help</button>
</div>
</div>
</form>
</div>
</div>
</div>
<script>
$(function ()
{
$("[data-toggle=popover]").popover({
html: true,
content: function() {
return $('#popover-content').html();
}
});
});
</script>
</div>
<script src="js/bootstrap.min.js" type="text/javascript"> </script>
</body>
<script>
jQuery(function() {
jQuery.support.placeholder = false;
test = document.createElement('input');
if('placeholder' in test) jQuery.support.placeholder = true;
});
// Placeholder for IE
$(function {
if(!$.support.placeholder) {
var active = document.activeElement;
$(':text, textarea, input[type="password"]').focus(function () {
if ($(this).attr('placeholder') != '' && $(this).val() == $(this).attr('placeholder')) {
$(this).val('').removeClass('hasPlaceholder');
}
}).blur(function () {
if ($(this).attr('placeholder') != '' && ($(this).val() == '' || $(this).val() == $(this).attr('placeholder'))) {
$(this).val($(this).attr('placeholder')).addClass('hasPlaceholder');
}
});
$(':text, textarea, input[type="password"],input[type="password"]').blur();
$(active).focus();
$('form').submit(function () {
$(this).find('.hasPlaceholder').each(function() { $(this).val(''); });
});
}
});
</script>
</html>
.form控件{宽度：120px；}
.popover{最大宽度：400px；}
.波普尔内容{
显示：无；
}
抓住我
电子邮件
紫苏
登录
记得我吗
帮助
$（函数（）
{
$（“[data toggle=popover]”。popover({
是的，
内容：函数（）{
返回$（'#popover content'）.html（）；
}
});
});
jQuery（函数（）{
jQuery.support.placeholder=false；
测试=document.createElement（'input'）；
如果测试中的（'placeholder'）jQuery.support.placeholder=true；
});
//IE的占位符
$（函数）{
如果（！$.support.placeholder）{
var active=document.activeElement；
$（'：text，textarea，输入[type=“password”]”）。焦点（函数（）{
if（$（this.attr（'placeholder'）！=''&$（this.val（）==$（this.attr（'placeholder'））{
$（此）.val（“”）.removeClass（'hasPlaceholder'）；
}
}).blur（函数（）{
if（$（this.attr（'placeholder'）！=''&（$（this.val（）=''this.val（）=''（this.val（）==$（this.attr（'placeholder'））{
$（this.val（$（this.attr（'placeholder'））.addClass（'haspholder'）；
}
});
$（'：text，textarea，输入[type=“password”]，输入[type=“password”]）.blur（）；
$（活动）.focus（）；
$（'form'）。提交（函数（）{
$（this.find（'.haspholder'）.each（function（）{$（this.val（''）；}）；
});
}
});