我正在使用Bootstrap模式弹出窗口在弹出窗口中显示内容,我正在使用if/else条件来打开模式弹出窗口.当条件为假时我不想打开模态弹出窗口.我的代码:
Edit
我的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"); }); } });
如果filters.length <= 0,那么我不想打开弹出窗口.现在弹出打开空内容.
问题是你有data-toggle="modal"
按钮,这是使用模态的数据属性(HTML5)方式.这将没有任何JavaScript编写工作.
删除data-toggle
然后你的JavaScript应该正确运行.
文件
试着做:
if (filters.length <= 0) { $("#myModal").modal("hide"); }