Зачем закрывать выпадающий список, когда я нажимаю на открытый модал?

Question

Зачем закрывать выпадающий список, когда я нажимаю на открытый модал?

1

Я хотел бы попросить некоторую помощь. Вот эта страница: link Если я нажму на вторую кнопку ваучера розничной торговли, на странице появится код. Когда я нажимаю "получить код ваучера", все работает хорошо. Код будет отображаться, а модальный - видимым.

Но когда я нажимаю в любом месте на модальном (.sweet-overlay,.sweet-alert или button), выпадающее меню близко. :(

Я все пробовал, но все равно не работаю на меня. Например:

$('.sweet-overlay').on({
    "click":function(e){
      e.stopPropagation();
    }
});

Я считаю, что это самое простое решение, но почему бы не работать?

Заранее благодарю за возможные решения.

Donald 03 июнь 2017, в 14:55

Источник

Теги:

javascript

modal-dialog

dropdown

2 ответа

Ещё вопросы

Daniel H · Answer 1 · 2017-06-03T11-29-00.000Z

1

1-й я нашел проблему на вашем сайте, идентификатор должен быть уникальным, и я вижу его несколько раз, у вас есть контроль над этим?

<div id="myDropdown" class="dropdown keep-open">

Попробовать preventDefault

Описание: Если этот метод вызывается, действие по умолчанию для события не будет инициировано.

$('.sweet-overlay').on({
    "click":function(e){
      e.preventDefault();
    }
});

Daniel H 03 июнь 2017, в 11:29

0

Я просто попробовал другое решение, и оно осталось здесь. $ ('. dropdown.keep-open'). on ({"selected.bs.dropdown": function () {$ (this) .attr ('closable', false);}, "click": function () {}, "hide.bs.dropdown": function () {return $ (this) .attr ('closable') == 'true';}}); $ ('. keep-open #dLabel'). on ({"click": function () {$ (this) .parent (). attr ('closable', true);}}) С этим js останется выпадающий список открыть, но, когда я нажимаю другой раскрывающийся список, последний не закрывается.
Donald 03 июнь 2017, в 13:19
0

@ user8106622, который решил твою проблему? тогда просто отправьте как ответ и примите это.
Dalin Huang 03 июнь 2017, в 13:25
0

Это работает, но, если я использую это, раскрывающийся список не закрывается, если открыть другой.
Donald 03 июнь 2017, в 13:28
0

@ user8106622 попробуйте воспроизвести вашу проблему здесь, чтобы мы могли отладить, трудно отладить только из того, как это выглядит
Dalin Huang 03 июнь 2017, в 13:43
0

Хорошо, теперь я добавил другое решение, которое будет правильным для меня. $ ('. dropdown.keep-open'). on ({"selected.bs.dropdown": function () {$ (this) .attr ('closable', false);}, "click": function () {}, "hide.bs.dropdown": function () {return $ (this) .attr ('closable') == 'true';}}); $ ('. keep-open #dLabel'). on ({"click": function () {$ (this) .parent (). attr ('closable', true);}}) С этим js теперь выпадающий список не закрывается, когда я щелкаю где-нибудь на модальном, но если я нажимаю на еще одно раскрывающееся меню, последний остается открытым или переключаться.
Donald 03 июнь 2017, в 13:50
0

Просто попробуйте открыть все выпадающие. Это не хорошо, что предыдущий остается открытым.
Donald 03 июнь 2017, в 13:52
0

@Donald создал простой фрагмент кода, чтобы люди могли поиграть, теперь мы не можем ничего сделать для отладки, например такой фрагмент: jsfiddle.net/dalinhuang/o5x3jrgk
Dalin Huang 03 июнь 2017, в 14:27
0

Я не мог этого сделать, потому что он также содержит шорткод и очень сложно обойтись без связанных с ним плагинов. Я должен принять это как есть. Спасибо.
Donald 05 июнь 2017, в 11:12

Показать ещё 6 комментариев

A.Abdelhak · Answer 2 · 2017-06-03T11-36-00.000Z

не пытайтесь использовать data-dismiss="modal"

вы фактически можете предотвратить закрытие своего модального с помощью комбинации preventDefault(), stopPropagation()

    $('.sweet-overlay').on({
        "click":function(e){
          e.stopPropagation();
          e.preventDefault();
        }
    });

Я нигде не могу найти: data-dismiss = "modal"