我正在使用Bootstrap模态框来显示弹出内容,并且我正在使用if / else条件来打开模态框。当条件为false时,我不想打开模态框。我的代码:
<a data-toggle="modal" class="btn btn-primary" style="font-size: 10px" href="#" data-target="#myModal" title="Edit"><span class="glyphicon glyphicon-pencil"></span>Edit</a>
我的 jQuery 版本是:
$('a[data-target=#myModal]').on('click', function (ev) {
ev.preventDefault();
if (filters.length <= 0) {
alert('Please select any one item in grid');
}
else {
$(this).attr('href', '/GeoRegion/Edit/' + filters[0]);
var target = $(this).attr("href");
// load the url and show modal on success
$("#myModal").load(target, function () {
$("#myModal").modal("show");
});
}
});
如果过滤器长度小于等于0,则我不想打开弹窗。现在弹窗以空内容打开。
ev.preventDefault()
之后运行console.log(filters)
,并展示输出结果。 - Andrew Brown