2010-03-01 5 views
2

남자, 나는 그것을 얻지 못한다. 나는 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이 텍스트를 렌더링하는 방법일까요? 그것은 상쾌하게 할 필요가 있습니까? 나는 여기 빨대를 잡고있다.

+1

Cufon이 원래 요소를 완전히 대체하지 않거나 적어도 완전히 새로운 요소를 추가하지 않습니까? Cufon이 완료된 후 원래 텍스트의 이벤트 핸들러와 관련이 없다는 뜻입니까? – Pointy

+0

저는 Pointy가 옳다고 생각합니다. Cufon은 원래 요소를 대체합니다. 나는 그것이 CSS : hover (Cufon.replace 함수에 {hover : true}를 넘겨 주면) 요소를 만들었지 만, 브라우저는 더 이상 요소를 텍스트로 렌더링하지 않는다고 생각한다. 따라서 텍스트가 렌더링되는 방식을 수정하는 CSS 클래스를 추가해도 아무런 효과가 없습니다. –

답변

0

Cufon이 작동하지 않거나 Cufon이 doubleHighlight를 깨뜨리는 것이 문제입니까?

JQuery와 관련된 대부분의 Cufon 문제가 모든 것이 불려지는 순서로 내려 갔다는 것을 알기 전에 실제로 죽었습니다. 나는 내가 찾은 때가 지난 9 월 이었기 때문에 문서에서 이것들에 대한 설명을 찾는 데 어려움을 겪고있다. 나는 지금 내 대답을 인용 할 수 없다는 것을 사과한다. 나는 일해야한다. 기본적으로 Cufon은 첫 번째 라인을 좋아하고 JQuery는 보통 산탄 총을 타고 행복합니다. 예를 들어;

이것은 또는 나쁜 될 수 있습니다 :

<script type="text/javascript" src="jquery.js"></script> 
<script type="text/javascript" src="cufon-yui.js"></script> 

<script type="text/javascript"> 
    your.jQueryKungFu(function() { 
    }; 
</script> 

<script type="text/javascript"> 
    cufon.replace('h1'); 
</script> 

이 좋다 :

<script type="text/javascript" src="jquery.js"></script> 
<script type="text/javascript" src="cufon-yui.js"></script> 

<script type="text/javascript"> 
    cufon.replace('h1'); 
</script> 

<script type="text/javascript"> 
    your.jQueryKungFu(function() { 
    }; 
</script> 

참고 차이는 cufon 주위에 두 번째 시간은 JQuery와 기능을하기 전에 처리됩니다.

이 솔루션은 Cufon이 이미 JQuery를 사용하여 수행 한 작업으로 인해 대체하기를 거부 한 곳에서 제공되었습니다. 귀하의 문제가 같은 문제 학교에서 왔는지 확실하지 않습니다 ...

관련 문제