JQuery popup показать и скрыть

Question

У меня есть кнопка, когда-то нажатая, показывает всплывающее окно с темным bg. Я использовал некоторый код, который я нашел здесь и отредактировал, но он, похоже, не показывает всплывающее окно и вызывает ошибку с сообщением {«error»: «Пожалуйста, используйте запрос POST»}

Может ли кто-нибудь помочь? вот мой демо

http://jsfiddle.net/6bZRA/

$(document).ready(function (e) { 
    $("#login-link").click(function() { 
     $("#login-container-popup").dialog(); 
     $(".login-popup-darkbg").show(); 
    }); 

    $(".login-popup-darkbg").click(function() { 
     $("#login-container-popup").dialog('close'); 
     $(".login-popup-darkbg").fadeOut(1000); 
    }); 
    $(document).on('click', '.ui-button-icon-primary', function() { 
     $("#login-container-popup").dialog('close'); 
     $(".login-popup-darkbg").fadeOut(1000); 
    }); 

}); 

Благодаря

Пол

Answer 1

Попробуйте так: Может быть, это может помочь вам:

$("#login-link").click(function (e) { 
     e.preventDefault(); 
     $("#login-container-popup").dialog(); 
     $(".login-popup-darkbg").show(); 
    }); 

Использование e в случае щелчка поскольку это предотвратит деза Это действие будет запущено из ссылки.

Fiddle Demo

Answer 2

Ошибка {"error": "Please use POST request"} является jsfiddle, потому что вы перезагрузки страницы, нажав на ссылку.

Установите href на что-то вроде # или javascript:void();, чтобы предотвратить это.