Flowplayer Overlay - Изменить селектор цели - PullRequest
Новая
       8

Flowplayer Overlay - Изменить селектор цели

2 голосов
/ 25 октября 2011

Прочитав некоторые темы и ответы на форуме Flowplayer, я понял, что вы, ребята, могли бы лучше помочь в моей проблеме.

Как вы, возможно, знаете, Плагин оверлея Flowplayer использует атрибут rel для нацеливания на определенный оверлейный контейнер. Например: 

<a href="#" id="signup" rel="#signupOverlay"></a>

$("#signup[rel]").overlay({
    mask: {
        color: '#000',
        loadSpeed: 200,
        opacity: 0.9
    }
});

Мне бы очень хотелось не использовать атрибут rel, а вместо этого атрибут данных HTML5.

Так бы это выглядело так: 

<a href="#" id="signup" data-overlay="#signupOverlay"></a>

$("#signup[data-overlay]").overlay({
    mask: {
        color: '#000',
        loadSpeed: 200,
        opacity: 0.9
    }
});

К сожалению, это не работает.

Итак, я также попытался изменить следующую строку в коде плагина: var n=e.target||d.attr("rel"); на var n=e.target||d.attr("data-overlay");

Но это тоже не работает.

Если кто-то из вас, возможно, уже имел эту проблему раньше и решил ее, я был бы рад услышать, как!

1 Ответ

0 голосов
/ 17 февраля 2012

Попробуйте это: 

$("#signup").live('click', function (event) {
    event.preventDefault(); //prevent default link action
    var $href = $(this).attr('data-overlay');
    $(this).overlay({
        target: $href,
        load: true
        });
});

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

...