Почему не получается вызвать popup окно с помощью функции?

Question

[Exxstyle]

Здравствуйте. Суть вот в чем. В шаблоне есть форма входа, которая вызывается с помощью функции, но не работает.

При клике по ссылке:

<a href="javascript:;" onclick="openStaticPopup()">Открыть окно</a>

Должна обработаться следующая функция:

function openStaticPopup() {
        $.openPopupLayer({
            name: "loginPopup",
            width: 350,
            target: "loginform"
        });
    }

И вызвать следующий код:

<div id="loginform" class="logarea">
    <div class="popup_shadow">
    <div class="popuplog">
                    <a class="popup-close thide" href="javascript:;" onclick="$.closePopupLayer('loginPopup')" title="Закрыть">Закрыть</a>
        <div class="popup-head">
            Верхняя часть окна
        </div>
        <div class="popupcol">
                <ul class="usermenu reset">		
        
					<li><a href="/">test</a></li>
					<li><a href="/">test</a></li>
                </ul>
        </div> 
        </div>
    </div>
</div>

Этот код и есть popup окно. При клике окно не появляется но срабатывает затемнение сайта. Возможно окошко и появляется, но его не видно.

Вопрос собственно в следующем, как заставить показаться это окошко и его содержимое?

Comments

[Exxstyle]

Дабы пост не растянулся на километры, залил код этого файла popus.js на pastebin:

[Exxstyle]

@Exxstyle pastebin.com/dPRh9VtW

Answer 1

[MrGadfly]

Здравствуйте!
Если нет конфликта библиотек, подозреваю, что просто не описаны стили попапа. Он есть, но или уехал куда то, или нулевого размера. Посмотрите фаербагом, проверьте стили.

Comments

[Exxstyle]

Спасибо за совет. Фаербагом нашел в списке классы этого окошка, и они все в верхнем левом углу. Почему они все туда уехали - не понятно. Буду дальше копать..

Answer 2

[Юрий Лобанов]

Я попробую угадать: Вы используете jmpopups и у Вас конфликт библиотек.
Ну или давайте весь код в студию, стиль нужен, разметка, где Вы что подключаете, где вызываете.

Comments

[Exxstyle]

Верно, есть js файл popups.js, в нем вверху написано что это jmpopups, в нем 300 строчек кода. Показывать этот код? Подключаю в секции head

[Юрий Лобанов]

@Exxstyle, так а как насчет конфликта? Что-нибудь используете еще?

[Exxstyle]

@iiil нет больше ничего. На всякий случай смотрел в инспекторе, никаких ошибок. Я попробовал подключить jquery ui, и вызвать содержимое т.е id="loginform" как диалоговое меню, и все работало. Значит проблема где то в функции? Ведь окошко вроде появляется но просто ничего нет. Точнее, в jquery ui есть опция modal:true которая затемняет и блокирует фон при открытии окошка. Вот эта опция только срабатывает только фон не темный а белый.