отключить фон в jquery popup

Question

ОК, у меня есть этот фрагмент http://jsfiddle.net/8vFEd/ здесь;

всякий раз, когда появляется всплывающее окно, я либо хочу отключить фон, чтобы пользователи не могли щелкать по другому языку, пока они не закроют первое всплывающее окно, либо как мне это сделать, когда пользователи нажимают на второй язык, первое всплывающее окно исчезнет и появится соответствующее всплывающее окно.

Answer 1

Мое предложение будет заключаться в наложении на фон, который будет «ловить» клики до остальной части страницы.Добавьте следующее к вашей функции $ ('. Prop a'). Click () перед вызовом добавления <div class='lang'>:

$("body").append('<div class="modalOverlay">');

и это к вашему css:

.modalOverlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background-color: rgba(0,0,0,0.3); /* black semi-transparent */
}

Затем в вашем коде для обработки кликов «закрыть» удалите этот .modalOverlay из DOM.Не забудьте добавить наложение перед вашим всплывающим окном, чтобы оно находилось за окном (или добавьте «z-index: 5» к вашему наложенному css и «z-index: 6» к вашему всплывающему css)

Я бытакже предложите изменить правило .lang css, чтобы оно было position: absolute; или fixed вместо относительного.

Answer 2

Добавьте это в начале вашего клика

$(".lang").remove();

Это удалит или очистит div с классом lang перед перерисовкой DOM с новым.