Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » jQuery » Какая функция закрывает popup?

Какая функция закрывает popup?


     23.10.2013    Все вопросы » jQuery    2710

вопрос
Целый день пытаюсь понять, как закрыть окно кнопкой закрыть onclick... Но не могу понять какой функцией, вот кусок js:


<script type="text/javascript">$(document).ready(function(){ $('a.poplight[href^=#]').click(function() {var popID = $(this).attr('rel'); var popURL = $(this).attr('href'); var query= popURL.split('?'); var dim= query[1].split('&'); var popWidth = dim[0].split('=')[1]; $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<div class="cache_close"><a href="#" class="close">Закрыть</a></div>'); var popMargTop = ($('#' + popID).height() + 80) / 2; var popMargLeft = ($('#' + popID).width() + 80) / 2; $('#' + popID).css({ 'margin-top' : -popMargTop, 'margin-left' : -popMargLeft }); $('body').append('<div id="fade"></div>'); $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); return false; }); $('a.close, #fade').live('click', function() { $('#fade , .popup_block').fadeOut(function() { $('#fade, a.close').remove(); document.location.reload(); }); return false; }); }); </script>

Ответил: Sander


Никакого онклика, просто:
<a href="#" class="close">Закрыть</a>


или через onclick:
<a href="#" onclick="$('.close').toggle('click');return false;">Закрыть</a>

6 комментариев

Ayk
Юзер

Ayk - 23 октября 2013 00:06 -

Нужно, чтобы получилось, что то типа:


<a href="#" onclick="function remove();">Закрыть</a>

Ayk
Юзер

Ayk - 23 октября 2013 06:06 -

А через onclick можно? Очень нужно именно через onclick...

TheImDim
Юзер

TheImDim - 23 октября 2013 06:53 -


function closePopup() {
  $('#fade , .popup_block').fadeOut(function ()  {
            $('#fade, a.close').remove();
  });
}


<a href="#" onclick="closePopup();">Закрыть потом удалить</a>

Ayk
Юзер

Ayk - 23 октября 2013 13:17 -

Сделал так:


<script type="text/javascript">$(document).ready(function(){ $('a.poplight[href^=#]').click(function() {var popID = $(this).attr('rel'); var popURL = $(this).attr('href'); var query= popURL.split('?'); var dim= query[1].split('&'); var popWidth = dim[0].split('=')[1]; $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<div class="cache_close"><a href="#" class="close">Закрыть</a></div>'); var popMargTop = ($('#' + popID).height() + 80) / 2; var popMargLeft = ($('#' + popID).width() + 80) / 2; $('#' + popID).css({ 'margin-top' : -popMargTop, 'margin-left' : -popMargLeft }); $('body').append('<div id="fade"></div>'); $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); return false; }); $('a.close, #fade').live('click', function closePopup() { $('#fade , .popup_block').fadeOut(function() { $('#fade, a.close').remove(); }); return false; }); }); </script>


но не пашет :(

Sander
PHP-developer

Sander - 23 октября 2013 16:01 -

А что сделал-то? Почему должно пахать?

Оригинал работает? Вот и не меняй, если не разбираешься.

SanDev.pro - мой блог.

Telegram: @sandev
Skype: Sander8804

iwanowi4
Юзер

iwanowi4 - 23 октября 2013 20:12 -

Цитата: Ayk
но не пашет :(

это был оригинал...
<script type="text/javascript">
$(document).ready(function () {
    $('a.poplight[href^=#]').click(function () {
        var popID = $(this).attr('rel');
        var popURL = $(this).attr('href');
        var query = popURL.split('?');
        var dim = query[1].split('&');
        var popWidth = dim[0].split('=')[1];
        $('#' + popID).fadeIn().css({
            'width' : Number(popWidth)
        }).prepend('<div class="cache_close"><a href="#" class="close">Закрыть</a></div>');
        var popMargTop = ($('#' + popID).height() + 80) / 2;
        var popMargLeft = ($('#' + popID).width() + 80) / 2;
        $('#' + popID).css({
            'margin-top' : -popMargTop,
            'margin-left' : -popMargLeft
        });
        $('body').append('<div id="fade"></div>');
        $('#fade').css({
            'filter' : 'alpha(opacity=80)'
        }).fadeIn();
        return false;
    });
    $('a.close, #fade').live('click', function () {
        $('#fade , .popup_block').fadeOut(function () {
            $('#fade, a.close').remove();
            document.location.reload();
        });
        return false;
    });
});
</script>

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

наверх