Question

我的页面中有一个<select>有一些项目，其中一项是“选择... ”，默认值为 -1 价值。页面上还有一个按钮，当用户点击它时会显示一个模态窗口。如果<select>的选定值为 -1 ，我想阻止打开模态窗口。

这是第一次使用。当用户更改所选项目并单击#triger时，它会打开模态窗口，但当所选项目更改为默认值并且单击#trigger时，它会再次显示模态窗口。

$("#triger").on("click", function () {
    if ($("#ContactorDropDownList").val().toString() == "-1") {
        return false;
    }
});

注意：我正在使用UIKit框架。

JSFiddle：http://jsfiddle.net/maysamsh/rLQDK/37/

Answer 1

您可以先删除数据属性来手动显示/隐藏弹出窗口：

<a href="#details" id="triger"><i class="uk-icon-plus-square"></i></a>

让你的js像这样：

$("#triger").on("click", function () {
    if ($("#ContactorDropDownList").val().toString() == "-1") {
        return false;
    }

    var modal = new $.UIkit.modal.Modal("#details");
    if (modal.isActive()) {
        modal.hide();
    } else {
        modal.show();
    }
});

这是demo fiddle。

有条件的点击动作预防

1 个答案: