jQuery Tools Наложение и событие jQuery.live - PullRequest
Новая
       1

jQuery Tools Наложение и событие jQuery.live

5 голосов
/ 24 июля 2010

Как получить эту работу с jQuery.live?

$("a[rel]").overlay({
    mask: '#3B5872',
    effect: 'apple',
    api: true,
    onBeforeLoad: function () {
        var wrap = this.getOverlay().find(".contentWrap");
        wrap.load(this.getTrigger().attr("href"));
    }
});

Я попробовал это безуспешно: 

$("a[rel]").live('click', function () {
    alert('live');
    $(this).overlay({
        mask: '#3B5872',
        effect: 'apple',
        api: true,
        onBeforeLoad: function () {
            var wrap = this.getOverlay().find(".contentWrap");
            wrap.load(this.getTrigger().attr("href"));
        }
    });
});

Ответы [ 3 ]

13 голосов
/ 24 июля 2010

Вам нужно установить его для загрузки при настройке.Вы можете сделать это, добавив load: true к объекту конфигурации. 

$("a[rel]").live('click', function (e) {
    e.preventDefault(); //prevent default link action

    $(this).overlay({
        mask: '#3B5872',
        effect: 'apple',
        api: true,
        onBeforeLoad: function () {
            var wrap = this.getOverlay().find(".contentWrap");
            wrap.load(this.getTrigger().attr("href"));
        },
        load: true
    });
});

Вот документы .

2 голосов
/ 21 августа 2010

Теперь все работает нормально. Для всех тех, у кого такие же проблемы, как у меня, вот код;) 

<script type="text/javascript">
    // safe the overlay element in a global variable
    var overlayElem;

    $(document).ready(function () {
        // register the click event for ajax load and page load
        $("a[rel]").live('click', function (e) {
            e.preventDefault();

            // save overlay
            overlayElem = $(this); 

            // load overlay
            $(this).overlay({
                mask: '#3B5872',
                effect: 'apple',
                api: true,
                load: true,
                onBeforeLoad: function () {
                    var wrap = this.getOverlay().find(".contentWrap");
                    wrap.load(this.getTrigger().attr("href"));
                }
            });
        });
    });

    // send form data via ajax
    function ajaxFormRequest(form, callback, format) {
        $.ajax({
            url: form.action,
            type: form.method,
            dataType: format,
            data: $(form).serialize(),
            success: callback
        });
    }
    // close the overlay and update the table 
    function update_grid(result) {
        overlayElem.overlay().close();
        $("#gridcontainer").html(result);
    }

</script>
2 голосов
/ 24 июля 2010

Наложение срабатывает на click, поэтому вам нужно использовать load параметр , например: 

$("a[rel]").live('click', function (e) {
    $(this).overlay({
        mask: '#3B5872',
        effect: 'apple',
        api: true,
        load: true,
        onBeforeLoad: function () {
            var wrap = this.getOverlay().find(".contentWrap");
            wrap.load(this.getTrigger().attr("href"));
        }
    });
    e.preventDefault();
});​

Вы можете попробовать здесь .

Оверлей открывается событием click, поэтому, даже если вы связывали оверлей, он не открывался, поскольку событие, от которого он зависит, уже произошло. По умолчанию для load также является false, но, поскольку вы хотите, чтобы он открывался сразу после создания, установите для него значение true:)

...