DOMWindow () с несколькими (динамическими) якорными селекторами

Question

Я пытаюсь расширить пример DOMWindow 6 для привязки к различным элементам на странице.Как таковой, синтаксис подразумевает, что селектор должен быть статическим, будь то имя класса или идентификатор, оба работают.Однако я хотел бы назначить идентификатор выбранного элемента в качестве селектора, но он, похоже, не работает.Простой пример:

$(function() {
        $('.example6DOMWindow').openDOMWindow({
            height: 100,
            width: 300,
            positionType: 'anchored',
            anchoredClassName: 'exampleWindow6',
            anchoredSelector: '#someid',
            eventType: 'click',
            windowSource: 'ajax',
            windowHTTPType: 'post'
        });
    });

Я пытался указать селектор как anchoredSelector: '#' + $(this).attr('id'), но .openDOMWindow нельзя использовать так же, как .click (), поэтому $ (this) на самом деле не относится кэлемент нажал.Я также попробовал следующее, но оно тоже не сработало:

$(function() {
        $('.example6DOMWindow').click(function() {
           var link = $(this);
           link.openDOMWindow({
               height: 100,
               width: 300,
               positionType: 'anchored',
               anchoredClassName: 'exampleWindow6',
               anchoredSelector: '#' + link.attr('id'),
               eventType: 'click',
               windowSource: 'ajax',
               windowHTTPType: 'post'
           });
         });
    });

У кого-нибудь есть предложения, как этого достичь?Или, может быть, альтернативные плагины, которые могут достичь той же функциональности?

Answer 1

Вы можете сделать это в общем случае для практически любого плагина, которому требуется опция, основанная на элементе, с которым вы работаете в цикле .each(), например:

$(function() {
  $('.example6DOMWindow').each(function() {
    $(this).openDOMWindow({
        height: 100,
        width: 300,
        positionType: 'anchored',
        anchoredClassName: 'exampleWindow6',
        anchoredSelector: '#' + this.id,
        eventType: 'click',
        windowSource: 'ajax',
        windowHTTPType: 'post'
    });
  });
});