不确定这是否可能,我试图在输入组内的glyphicon上调用工具提示,我的代码(不起作用)是;
<div class="input-group">
<input type="text" class="form-control" name="security" id="security"><span class="input-group-addon"><span class="glyphicon glyphicon-info-sign" data-toggle="tooltip" data-container: 'body' title="" data-original-title="Security Code"></span></span>
</div>
我正在使用Bootstrap 3和最新版本的jQuery.
点击后我试图隐藏一个按钮(不在表单标签内).以下是现有代码.我尝试过的所有解决方案都会破坏功能或干扰页面上的表单.
隐藏DIV hidden-dev标记之间的内容,直到单击代码底部附近的按钮为止.单击该按钮后,将向用户显示所有剩余内容.
一旦显示内容,就没有使用"检查可用性"按钮,所以我想隐藏它(特别是因为核心表单的提交按钮出现,并且在全长的底部看到两者都很困惑页.
这是现有的代码,可以正常执行所有操作(除了在单击后隐藏按钮)...
<html>
<head>
<style>
.hidden-div {
display:none
}
</style>
</head>
<body>
<div class="reform">
<form id="reform" action="action.php" method="post" enctype="multipart/form-data">
<input type="hidden" name="type" value="" />
<fieldset>
content here...
</fieldset>
<div class="hidden-div" id="hidden-div">
<fieldset>
more content here that is hidden until the button below is clicked...
</fieldset>
</form>
</div>
<span style="display:block; padding-left:640px; margin-top:10px;">
<button onclick="getElementById('hidden-div').style.display = 'block'">Check Availability</button>
</span>
</div>
</body>
</html>