0

下面的代码是在 CoffeeScript 中，经过几个小时的玩弄，最后阅读了 WooThemes 上的文档，我能够让 Flexslider 在单击我的按钮以从 Instagram 加载其余图像后正确附加图像.

但是，现在当我单击图像时，它并没有像在页面加载时加载的其他图像那样打开 Fancybox，并且想知道我是否可以在这里获得一些帮助。

Slider =
  flexi: ->
    $('.flexslider').flexslider
      animation: 'slide'
      animationLoop: true
      slideshow: false
      itemWidth: 160
      itemMargin: 5
      minItems: 1
      maxItems: 10
      start: (slider) ->
        $('#load-more').on 'click', (event) ->
          event.preventDefault()
          $.ajax
            type: 'get'
            url: $(this).find('a').attr('href')
            dataType: 'jsonp'
            success: (data) ->
              $.each data.data, (index, value) ->
                slider.addSlide '<li class="thumb" data-profile="' + value.user.profile_picture + '" data-lat="0" data-long="0" data-id="' + value.id + '" data-thumb="' + value.images.thumbnail.url + '" data-username="' + value.user.username + '" data-comments="' + value.comments.count + '" data-likes="' + value.likes.count + '" data-text="' + value.caption.text + '" data-link="' + value.link + '"><a href="' + value.images.low_resolution.url + '" class="fancybox fancybox.iframe"><img alt="' + value.images.thumbnail.url.split('/')[3].split('.jpg')[0] + '" src="' + value.images.thumbnail.url + '" /></a></li>'

Fancy =
  box: (lat, lng, pid) ->
    street = undefined
    latLng = new google.maps.LatLng lat, lng
    view = new google.maps.StreetViewService()
    $('.fancybox').fancybox
      width: 1155
      height: '95%'
      maxWidth: '95%'
      maxHeight: '95%'
      openEffect: 'none'
      autoSize: true
      autoResize:  false
      closeEffect: 'fade'
      scrolling: 'auto'
      type: 'iframe'
      helpers:
        media:{}

      beforeShow: ->
        ........
4

1 回答 1

0

您可以尝试使用 live() 或 on() 包装 fancybox 调用，或者更改 FancyBox 源代码以使用 live() 而不是常规的 bind() 方法。这是一种未经测试的代码，可以让您有所了解。

// 上

$(document.body).on('click', '.fancybox', function() {
    $(this).fancybox({ /* options */ }).trigger('click');
    return false;
}

// 居住

$('.fancybox').live('click', function() {
    $(this).fancybox({ /* options */ }).trigger('click');
    return false;
}
于 2013-01-16T18:19:25.500 回答