YUI 페이드 온 호버 이벤트

Question

나는 보통 jQuery를 사용하지만 처음에는 Squarespace에 사이트를 만들고 있는데 이미 YUI를 사용하고 있기 때문에 제가 선택한대로 선택하고 있습니다.

링크가 마우스 포인트에서 약간 흐려지고 mouseleave에서 다시 불투명하게되는 간단한 효과를 원합니다.

몇 가지 YUI의 예제를 보았다,이 지금 내 코드입니다 :

YUI().use('*',function(Y){ 

//GET THAT CART UP THERE! 
Y.on("domready", function() { 

    var over = function(e){ 
    e.currentTarget.transition({ 
    duration:0.5, 
    opacity:0.5 
    }); 
    }; 

    var out = function(e){ 
e.currentTarget.transition({ 
    duration:0.5, 
    opacity:1 
    }); 
    }; 
Y.all('a').on('mouseenter',over); 
Y.all('a').on('mouseleave',out); 
}); 
    }); 

링크 위로 마우스를 페이지가로드 될 때, 나는 오류 또는 아무것도뿐만 아니라, 어떤 효과를 얻을

.

감사합니다.

Answer 1

언뜻보기에 코드의 주요 본체가 작동해야하는 것처럼 보입니다. 나는 무슨 일이 일어나고 있는지 YUI 전환 모듈이 실제로로드되지 않았다고 생각합니다. 사용 ('*')을 사용 ('전환')으로 변경하십시오.

사용 ('')에서 ''은 "가능한 모든 YUI 모듈 가져 오기 및 연결"을 의미하지 않는다는 점에 유의하십시오. 실제로 의미하는 것은 "모든 YUI 모듈 이 이미이 페이지에을 제시하고 여기에 첨부하십시오." 즉, 페이지의 어딘가에 명시 적으로 전환 모듈을로드해야합니다.

Answer 2

use('*')을 사용할 때 필요한 모든 파일이 이미 페이지에 포함되어 있는지 확인하십시오. 내 추측은 그렇지 않다는 것입니다.

그렇지 않으면 로더를 사용하여 파일로드를 처리 할 수 ​​있으므로 사용하려는 모듈에 필요한 모든 파일과 종속성을 얻을 수 있습니다.

YUI().use('node', 'transition', function(Y){ 

    //GET THAT CART UP THERE! 
    Y.on("domready", function() { 

    var over = function(e){ 
     e.currentTarget.transition({ 
     duration:0.5, 
     opacity:0.5 
     }); 
    }; 

    var out = function(e){ 
     e.currentTarget.transition({ 
     duration:0.5, 
     opacity:1 
     }); 
    }; 

    Y.all('a').on('mouseenter',over); 
    Y.all('a').on('mouseleave',out); 
    }); 
});