html – 无法在Bootstrap 3.3.5中单击表单控件反馈中的链接

概述我在3.1.1中使用表单控制反馈范围中的链接来执行 javascript函数.我正在尝试升级到3.3.5,但表单控件反馈的行为发生了变化. 请参考Working JsFiddle 3.1.1 SNIPPET <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="styleshe 我在3.1.1中使用表单控制反馈范围中的链接来执行 javascript函数.我正在尝试升级到3.3.5,但表单控件反馈的行为发生了变化.

请参考Working JsFiddle 3.1.1

SNIPPET

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.1.1/CSS/bootstrap.min.CSS" rel="stylesheet" /><div >  <label  for="rename"></label>  <input value="hello" ID="rename" type="text" maxlength="255" >  <span  >    <a  onclick="alert('I love u')"><small>cancel</small></a>&nbsp;<a  onmousedown="save=true;" click="alert('i love u too')"><small><i>save</i></small></a> 	  </span></div>

到了Not Working JsFiddle 3.3.5

SNIPPET

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/CSS/bootstrap.min.CSS" rel="stylesheet" /><div >  <label  for="rename"></label>  <input value="hello" ID="rename" type="text" maxlength="255" >  <span  >    <a  onclick="alert('I love u')"><small>cancel</small></a>&nbsp;<a  onmousedown="save=true;" click="alert('i love u too')"><small><i>save</i></small></a> 	  </span></div>

我查了一下,在3.3.5中添加了一个z-index：2.我试图通过设置更大的数字来覆盖它,但它不起作用.

你有什么想法让它再次起作用吗？任何解决方法？

解决方法 这很简单,在3.3.5中,类.form-control-Feedback有指针事件：none,这使得该元素不可点击.

请参阅v3.3.5的代码段

.form-group .form-control-Feedback {  top: 0;  right: 44px;  pointer-events: initial; /* or - auto // or -  unset  */}

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/CSS/bootstrap.min.CSS" rel="stylesheet" /><div >  <label  for="rename"></label>  <input value="hello" ID="rename" type="text" maxlength="255" >  <span >    <a  onclick="console.log('I love u')"><small>cancel</small></a>&nbsp;<a  onmousedown="save=true;" onclick="console.log('i love u too')"><small><i>save</i></small></a> 	  </span></div>

总结

以上是内存溢出为你收集整理的html – 无法在Bootstrap 3.3.5中单击表单控件反馈中的链接全部内容，希望文章能够帮你解决html – 无法在Bootstrap 3.3.5中单击表单控件反馈中的链接所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。