引导:风格=“显示:none"Get& #39;s自动添加到'li'中
bootstrap: style="display:none" get's automatically appended in the 'li'
在我的jsp中有以下一段代码。
<li id="report" class="dropdown open"><a data-toggle="dropdown" class="dropdown-toggle" href="#">Report <b class="caret"></b></a>
<ul class="dropdown-menu">
<li ><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li class="nav-header">Nav header</li>
<li style=""><a href="#">Separated link</a></li>
<li><a href="#">One more separated link</a></li>
</ul>
</li>
,但是当它在浏览器中呈现时,代码自动变为如下:
<li id="report" class="dropdown open"><a data-toggle="dropdown" class="dropdown-toggle" href="#">Report <b class="caret"></b></a>
<ul class="dropdown-menu">
<li style="display: none;"><a href="#">Action</a></li>
<li style="display: none;"><a href="#">Another action</a></li>
<li style="display: none;"><a href="#">Something else here</a></li>
<li class="divider" style="display: none;"></li>
<li class="nav-header" style="display: none;">Nav header</li>
<li style="display: none;"><a href="#">Separated link</a></li>
<li style="display: none;"><a href="#">One more separated link</a></li>
</ul>
</li>
我无法理解从哪里所有的li's得到这个style="display:none"属性,是一些bootstrap javascript正在做它。我正在调试chrome上的代码。
我无法跟踪,哪个js正在对我的列表进行更改,所以我所做的是,我将每个li放在一个名为'visible'的类中,并在我的标签中添加如下样式:
<style>
.visible{
display:inline !important;
}
</style>
这个问题发生在Magento(1.9版本对我来说),它是由prototype JS库和jQuery之间的不兼容引起的。这里有一个修复
这很正常:添加样式是为了在未单击相关按钮时隐藏下拉菜单。这个控制是由JavaScript执行的(检查bootstrap.js
)。
相关文章:
- 为li元素添加标题
- 如何更改dynamicaly的主题添加了li项jquery mobile
- 无法在 DIV 中添加 LI 项
- 动画化并同时向 li 添加类
- 单击按钮时,我如何将li的id添加为1
- 页面加载后,在li remove上添加类
- 使用jquery在ul菜单中添加li dynamic
- 添加和删除jquery-li元素
- 如何在jquery菜单中的li项下添加一行
- 如何将Class添加到ul li
- 如何使用javascript添加li元素
- 在phonegap JQM中动态创建的列表视图中添加li内部的按钮
- 使用jquery在ul中添加li元素
- LocalStorage和向列表中添加li
- 从Jquery中添加li作为最后一个元素
- 使用JavaScript向ul添加li内容时的错误
- 如何使用jQuery在任意位置的UL中添加LI
- 通过 jQuery 在嵌套的 ul 中添加 li
- 更新 :为每个数组项目添加 Li 标签
- 添加 li 的 JS 问题