ajaxComplete上的galleria中的目标元素

时间:2013-04-09 12:47:17

标签: jquery ajax jquery-selectors galleria

我正在尝试操作一个包含一段文本的特定元素,我想将其包装在一个href中,尽管我使用css background red来证明该元素的定位。

我正在使用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。

1 个答案:

答案 0 :(得分:0)

所以它有点笨重,但我在这里检查了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>';
});