ajaxComplete 上的 Galleria 中的目标元素

Posted 2023-05-09

【中文标题】ajaxComplete 上的 Galleria 中的目标元素

【英文标题】：Target element in galleria on ajaxComplete

【发布时间】：2013-03-31 21:45:06

【问题描述】：

我正在尝试操作一个包含一段文本的特定元素，我想将它包装在一个 href 中，尽管我使用 css 背景红色来证明该元素的目标。

我正在使用 Galleria 1.2.8，我目前有一个在 ajaxComplete 上触发并且可以工作的函数。

这是当前的工作函数：

// dynamically create data-links for all gallery items
$(document).ajaxComplete(function() 
    $('#galleria a').each(function() 
        var $href = $(this).attr('href');
        $(this).children().attr('data-link',$href);
    );
    $('.galleria-info-description:contains("NN")').css('background', 'red');  
);

最后一行是该功能的部分不起作用。

这是动态创建的简化的html基本块：

 <div class="galleria-container">
    <div class="galleria-stage">
    </div>
    <div class="galleria-thumbnails-container">
    </div>
    <div class="galleria-info">
       <div class="galleria-info-text">
          <div class="galleria-info-description">
              NN Contemporary Art
          </div>
       </div>
       <div class="galleria-info-link">
       </div>
       <div class="galleria-info-close">
       </div>
    </div>
 </div>

我尝试了很多变体，创建了一个变量来保存内容并对其进行操作。通过深入研究其几个父母来定位班级，似乎没有任何效果。我可以在 ajaxComplete 上完全从页面中删除#galleria id，只是似乎无法获取对象中返回的特定元素。

TIA。

【问题讨论】：

您确定在使用最后一个选择器时已经构建了 Galleria 吗？您能指出您在何时何地初始化 Galleria 吗？

它在这段代码的下方，朝向页脚。您实际上可以在这里看到代码：dev.jessicaharby.com

【参考方案1】：

所以它有点笨拙，但我在这里查看了 Galleria 文档： http://galleria.io/docs/api/methods/#retrieval

我现在在 Galleria init 之前添加了这段代码：

Galleria.ready(function(options) 
$targetElem = ( this.getData([10]));
$targetElem.description = '<a href="http://www.nncontemporaryart.org/exhibitions/guests-   hosts" target="_blank">NN Contemporary Art Northampton</a>';
);