Предотвращение условных кликов

Question

Предотвращение условных кликов

0

На моей странице есть <select> у которого есть некоторые элементы, один из этих элементов - " select... ", по умолчанию, с -1 значением. На странице есть кнопка, которая показывает модальное окно, когда пользователь нажимает на него. Я хочу предотвратить открытие модального окна, если <select> selected value -1.

Это работает впервые. Когда пользователь изменяет выбранный элемент и нажимает #triger он открывает модальное окно, но когда выбранный элемент изменен на значение по умолчанию и #trigger, он снова показывает модальное окно.

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

Примечание. Я использую среду UIKit.

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

Maysam 28 март 2014, в 18:38

Источник

0

Проследите значение выпадающего списка в вашей консоли, какое значение оно имеет, когда модальное появится снова? Это, вероятно, поставит вас на правильный путь к тому, что идет не так.
Goose 28 март 2014, в 17:13
0

Я проследил это, и это -1.
Maysam 28 март 2014, в 17:33
0

Можете ли вы опубликовать остальную часть вашей разметки? select , кнопка trigger и т. Д. (PS у вас есть два разных способа триггера / триггера).
Goose 28 март 2014, в 17:40
0

Извините, я забыл поставить ссылку jsfiddle
Maysam 28 март 2014, в 17:46

Показать ещё 2 комментария

Теги:

jquery

1 ответ

Ещё вопросы

Проследите значение выпадающего списка в вашей консоли, какое значение оно имеет, когда модальное появится снова? Это, вероятно, поставит вас на правильный путь к тому, что идет не так.
Можете ли вы опубликовать остальную часть вашей разметки? select , кнопка trigger и т. Д. (PS у вас есть два разных способа триггера / триггера).
Извините, я забыл поставить ссылку jsfiddle

Goose · Accepted Answer · 2014-03-28T16-28-00.000Z

Вы можете вручную отобразить/скрыть всплывающее окно, сначала удалив атрибут данных:

<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();
    }
});

Вот демонстрационная скрипка.