Twitter bootstrap 不确定在哪里放置数据background=';静态';?
我复制了一些代码来弹出一个引导模式,它工作得很好。但是,我想禁用背景,从我的研究中,我需要将Twitter bootstrap 不确定在哪里放置数据background=';静态';?,twitter-bootstrap,Twitter Bootstrap,我复制了一些代码来弹出一个引导模式,它工作得很好。但是,我想禁用背景,从我的研究中,我需要将data background='static'添加到我的按钮。据我所知,我做得对,但似乎不起作用 JS代码使用modal.toggle来显示模态,所以我不确定我将把它放在JS代码中的什么位置 这是我的按钮的代码: <a href="@Url.Action("DependentDetail", "Home", new { rid = item.RID })" class="modal-link
data background='static'
添加到我的按钮。据我所知,我做得对,但似乎不起作用
JS代码使用modal.toggle来显示模态,所以我不确定我将把它放在JS代码中的什么位置
这是我的按钮的代码:
<a href="@Url.Action("DependentDetail", "Home", new { rid = item.RID })"
class="modal-link btn btn-sm btn-primary" data-backdrop="static">
<i class="glyphicon glyphicon-edit"></i>
Verify
</a>
更新
$('body').on('click', '.modal-link', function (e) {
e.preventDefault();
$(this).attr('data-target', '#modal-container');
$(this).attr('data-toggle', 'modal');
$(this).attr('backdrop', 'true');
})
数据背景
用于为背景
指定静态,如果您不希望在用户单击模式外部时关闭模式。
和background
指定模式是否应具有暗覆盖:
- 真暗叠加
- false-无覆盖(透明)
$('#myModal').modal({
backdrop: false
});
下面是片段
$(文档).ready(函数(){
$(“#myBtn”)。单击(函数(){
$(“#myModal”).modal({background:true});
});
$(“#myBtn2”)。单击(函数(){
$(“#myModal2”).modal({background:false});
});
$(“#myBtn3”)。单击(函数(){
$(“#myModal3”).modal({background:“static”});
});
});代码>
模式选项
“背景”选项指定模式是否应具有深色覆盖(当前页面的背景色)
带叠加的模态(背景:真)
无覆盖的模态(背景:假)
背景模态:“静态”
&时代;
带暗覆盖的模态
此模式有一个黑色覆盖层
接近
×
无覆盖的模态
此模式没有覆盖
注意:您不能在此模式之外单击以关闭它
接近
×
静态背景
您不能在此模式之外单击以关闭它
接近
数据背景
用于为背景
指定静态,如果您不希望在用户单击模式外部时关闭模式。
和background
指定模式是否应具有暗覆盖:
- 真暗叠加
- false-无覆盖(透明)
如果指定值“static”,则在模式外部单击时无法关闭模式
将此脚本放入代码中,将模态id传递到其中
$('#myModal').modal({
backdrop: false
});
下面是片段
$(文档).ready(函数(){
$(“#myBtn”)。单击(函数(){
$(“#myModal”).modal({background:true});
});
$(“#myBtn2”)。单击(函数(){
$(“#myModal2”).modal({background:false});
});
$(“#myBtn3”)。单击(函数(){
$(“#myModal3”).modal({background:“static”});
});
});代码>
模式选项
“背景”选项指定模式是否应具有深色覆盖(当前页面的背景色)
带叠加的模态(背景:真)
无覆盖的模态(背景:假)
背景模态:“静态”
&时代;
带暗覆盖的模态
此模式有一个黑色覆盖层
接近
×
无覆盖的模态
此模式没有覆盖
注意:您不能在此模式之外单击以关闭它
接近
×
静态背景
您不能在此模式之外单击以关闭它
接近
谢谢。这在代码片段中起作用,所以我只需要将它合并到现有的jQuery中。我将其添加为“attr”,类似于数据目标和数据切换,但这似乎不起作用。它将显示模式,但背景没有改变颜色。看看我在原始帖子中更新的代码。你知道我将背景设置放在我拥有的jQuery代码中的什么地方吗?$(this.attr('background','true');别客气,谢谢。这在代码片段中起作用,所以我只需要将它合并到现有的jQuery中。我将其添加为“attr”,类似于数据目标和数据切换,但这似乎不起作用。它将显示模式,但背景没有改变颜色。看看我在原始帖子中更新的代码。你知道我将背景设置放在我拥有的jQuery代码中的什么地方吗?$(this.attr('background','true');弄虚作假