Question

我有一个页面，它使用jQuery.swfobject插件将5个flash项目嵌入到页面中，每个flash项目都使用externalInterface进行回调。当我在$（document）.ready（function（）之外使用js函数时，回调可以工作，但是jQuery动画不会触发 - 但是ajax加载会这样做。

有没有人知道如何让动画也能正常工作，代码如下：

function pageLoader(galID) {
$('#menu').hide();
$('#holder_gallery').load("feeds.php", {gallery: galID}, function(){
$('#holder_gallery ul li a').slimbox();
$('#holder_gallery').jScrollPane();
$('.galleryTitle').text(galleryTitle);
$('.galleryTitle').fadeIn(2000);
$('#holder_gallery').fadeIn(2000);

$('.ghost').each(function() {
    $(this).hover(function() {
            $(this).stop().animate({ opacity: 1.0 }, 300);
        },
        function() {
        $(this).stop().animate({ opacity: 0.5 }, 300);
        });
    });});}

上面的主要部分效果很好 - 我只想在使用fadeIn函数和悬停动画时添加光泽。 jScrollpane和.load

一样恢复自身

此致

MM

Answer 1

如何绑定.ghost动画

回调中的#holder_gallery元素

//existing code
$('#holder_gallery').fadeIn(2000, function(){
  $('.ghost', this).each(function() {
    $(this).hover(function() {
      $(this).stop().animate({ opacity: 1.0 }, 300);
     },
      function() {
       $(this).stop().animate({ opacity: 0.5 }, 300);
      });
   });
});

在Flash回调后恢复Jquery功能

1 个答案: