남자, 나는 그것을 얻지 못한다. 나는 4 개의 쌍으로 연결된 링크를 가지고 있는데, 하나 이상의 링크를 가리키면 다른 링크가 나타납니다. jQuery에서 작업하고 있지만 Cufon을 추가하면 주사위가 없습니다. 여기 JQ 스크립트입니다 :Cufon이 jQuery와 함께 addclass 함수를 허용하지 않는 이유는 무엇입니까?
<script type="text/javascript">
jQuery(document).ready(function() {
var doubleHighlight = function(element1, element2, class) {
element1.hover(
function() {
element2.addClass(class);
},
function() {
element2.removeClass(class);
}
);
element2.hover(
function() {
element1.addClass(class);
},
function() {
element1.removeClass(class);
}
);
};
doubleHighlight(jQuery("#abouttop"), jQuery("#aboutbottom"), "highlight_about");
doubleHighlight(jQuery("#worktop"), jQuery("#workbottom"), "highlight_work");
doubleHighlight(jQuery("#blogtop"), jQuery("#blogbottom"), "highlight_blog");
doubleHighlight(jQuery("#contacttop"), jQuery("#contactbottom"), "highlight_contact");
});
</script>
그리고 여기 Cufon에 대한 부분이다 :
<script src="cufon-yui.js" type="text/javascript"></script>
<script src="gothamxlight_300-gothamxlight_300.font.js" type="text/javascript"> </script>
<script src="gothamlight_300-gothamlight_500.font.js" type="text/javascript"></script>
<script type="text/javascript">
Cufon.replace('#type', { fontFamily: 'gothamxlight', hover: true});
Cufon.replace('#smalltype', { fontFamily: 'gothamlight', hover: true});
Cufon.replace('#nav', { fontFamily: 'gothamlight', hover: true});
</script>
어떤 아이디어? 어쩌면 Cufon이 텍스트를 렌더링하는 방법일까요? 그것은 상쾌하게 할 필요가 있습니까? 나는 여기 빨대를 잡고있다.
Cufon이 원래 요소를 완전히 대체하지 않거나 적어도 완전히 새로운 요소를 추가하지 않습니까? Cufon이 완료된 후 원래 텍스트의 이벤트 핸들러와 관련이 없다는 뜻입니까? – Pointy
저는 Pointy가 옳다고 생각합니다. Cufon은 원래 요소를 대체합니다. 나는 그것이 CSS : hover (Cufon.replace 함수에 {hover : true}를 넘겨 주면) 요소를 만들었지 만, 브라우저는 더 이상 요소를 텍스트로 렌더링하지 않는다고 생각한다. 따라서 텍스트가 렌더링되는 방식을 수정하는 CSS 클래스를 추가해도 아무런 효과가 없습니다. –