0

如果我发送 URL，它可能会容易得多

http://isca01.bigwavemedia.info/~staged2b/about/staff

在使用类别之间的过滤器之前，一切都适用于灯箱脚本。

（单击设计单选，然后单击缩略图，灯箱不起作用）

我相信我需要在灯箱脚本上使用 .delegate 或 .live，但我似乎可以让它工作。

任何人都可以帮助那会很棒:)，

谢谢布伦特

$(document).ready(function() {


        $("#various1").fancybox({
            'width'             : '47%',
            'height'            : '50%',    
            'autoScale'         : false,
            'transitionIn'      : 'none',
            'transitionOut'     : 'none',
            'type'              : 'iframe'
        });
4

1 回答 1

1

尝试将所有脚本放入同一个“匿名”函数 ( $(function() { });) 中，如下所示：

<script type="text/javascript"> 

 ...

// DOMContentLoaded
$(function() {

  // bind radiobuttons in the form
  var $filterType = $('#filter input[name="type"]');
  var $filterSort = $('#filter input[name="sort"]');

  // get the first collection
  var $applications = $('#applications');

  // clone applications to get a second collection
  var $data = $applications.clone();

  // attempt to call Quicksand on every form change
  $filterType.add($filterSort).change(function(e) {
    if ($($filterType+':checked').val() == 'all') {
      var $filteredData = $data.find('li');
    } else {
      var $filteredData = $data.find('li[data-type=' + $($filterType+":checked").val() + ']');
    }

    // if sorted by size
    if ($('#filter input[name="sort"]:checked').val() == "size") {
      var $sortedData = $filteredData.sorted({
        by: function(v) {
          return parseFloat($(v).find('span[data-type=size]').text());
        }
      });
    } else {
      // if sorted by name
      var $sortedData = $filteredData.sorted({
        by: function(v) {
          return $(v).find('strong').text().toLowerCase();
        }
      });
    }   

    // finally, call quicksand
    $applications.quicksand($sortedData, {
      duration: 800,
      easing: 'easeInOutQuad'
    });

  });
// >>>>>>>>>>>>> TO HERE >>>>>>>>>>>>>
// >>>>>>>>>>>>> TO HERE >>>>>>>>>>>>>
});

    // ----- remove this ---->
</script>
<script type="text/javascript"> 


$(function() {
    // <---- remove this -----
// <<<<<<<<<<<< MOVE THIS <<<<<<<<<<<<
    $(".imgHover")
        .live('mouseenter', function() {
            $(this).children("img").fadeTo(200, 0.85).end().children(".hover").show();
        })
        .live('mouseleave', function() {
            $(this).children("img").fadeTo(200, 1).end().children(".hover").hide();
        });
// <<<<<<<<<<<< MOVE THIS <<<<<<<<<<<<
    // ----- remove this ---->
})(jQuery);
    // <---- remove this -----

</script>
于 2012-08-10T12:11:13.207 回答