动态创建时引导程序崩溃不起作用 [英] bootstrap collapse not working when creating dyanmically
问题描述
我正在通过 ajax 调用获取我的内容并在运行时创建所有可折叠面板.但切换功能不以这种方式工作.我正在使用主干牵线木偶集合和项目视图来创建我的面板组.
我检查了静态内容,它可以很好地处理静态数据.
我检查了几个链接,但就我而言,似乎没有任何效果.
如何制作Twitter Bootstrap Collapse 使用 ajax 处理动态加载的 html
https://github.com/twbs/bootstrap/issues/2274
这是我的 html 看起来像:
<div class="panel panel-default"><div class="panel-heading"><ul class="home_nav" data-toggle="collapse" data-parent="#accordion"data-target="NewsMaintenanceMenu">...<span class=""><i class="glyphicon glyphicon-chevron-right"></i></span><div id="NewsMaintenanceMenu" class="panel-collapse collapse"><div class="panel-body"><table class="table table-striped">
....</tbody> 解决方案 我暂时使用了 jQuery
.
$(".panel").on("click", function(e){var $_target = $(e.currentTarget);var $_panelBody = $_target.find(".panel-collapse");如果($_panelBody){$_panelBody.collapse('切换')}})
I am fetching my content via ajax call and creating all the collapsible panel on run time.
but toggle functionality is not working in this way. I am using backbone marionette collection and item view for creating my panel-group.
I checked with static content and it works fine with static data.
I have checked few links but in my case nothing seems to work.
How to make Twitter Bootstrap Collapse work on dynamically loaded html using ajax
https://github.com/twbs/bootstrap/issues/2274
Here is my html looks like:
<div id="accordion" class="panel-group">
<div class="panel panel-default">
<div class="panel-heading">
<ul class="home_nav" data-toggle="collapse" data-parent="#accordion"
data-target="NewsMaintenanceMenu">
...
</ul>
<span class=""><i class="glyphicon glyphicon-chevron-right"></i></span>
</div>
<div id="NewsMaintenanceMenu" class="panel-collapse collapse">
<div class="panel-body">
<table class="table table-striped">
<tbody>
....
</tbody>
</table>
</div>
</div>
</div>
</div>
解决方案 I have used jQuery
for time being.
$(".panel").on("click", function(e){
var $_target = $(e.currentTarget);
var $_panelBody = $_target.find(".panel-collapse");
if($_panelBody){
$_panelBody.collapse('toggle')
}
})
这篇关于动态创建时引导程序崩溃不起作用的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文
登录
关闭
扫码关注1秒登录
发送“验证码”获取
|
15天全站免登陆