2012-02-06 2 views
0

작동하지 플러그인이 : 내 워드 프레스 사이트에서 jQuery를 쇼 숨기기 플러그인을 사용하고 http://blog.danawoodman.com/jquery-showhide/jQuery를 쇼 숨기기이 다음과 같은 jQuery 플러그인과 관련되어

. 하지만 같은 문제에 빠지게됩니다. 간단한 HTML 파일에 다음 코드는 나를 위해 잘 작동 :

<!DOCTYPE html> 
<html> 
    <head> 
     <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js?ver=3.3.1'></script> 
     <script type="text/javascript" src="jquery.cookie.js"></script> 
     <script type="text/javascript" src="jquery.showhide.min.js"></script> 
     <script type="text/javascript"> 
      $(function() { 
       $('#ex-6').showhide({ 
        use_cookie: true, 
        cookie_name: 'example_6' 
       }); 
      }); 

     </script> 
    </head> 
    <body> 
      <p> 
       <a href="#" title="Toggle the span" id="ex-6">off</a> 
        <span>ABC</span> 
      </p> 
    </body> 

</html> 

가 워드 프레스로 작업을 위하기 위해, 나는 다음을 수행하십시오

1) 워드 프레스의 편집 Header.php 파일과 다음을 추가

<p> 
    <a href="#" title="Toggle the span" id="ex-6">off</a> 
    <span>ABC</span> 
</p> 
: 섹션 라인

<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js?ver=3.3.1'></script> 
    <script type="text/javascript" src="/wp-content/themes/mystique/js/jquery.cookie.js"></script> 
    <script type="text/javascript" src="/wp-content/themes/mystique/js/jquery.showhide.min.js"></script> 
    <script type="text/javascript"> 
     $(function() { 
      $('#ex-6').showhide({ 
       use_cookie: true, 
       cookie_name: 'example_6' 
      }); 
     }); 

    </script> 

2) 다음 코드를 사이드 바 위젯을 만들고 추가

필요한 자바 스크립트 라이브러리를 업로드 한 경로를 메모하십시오.

모든 플러그인을 비활성화했지만 아무런 효과가 없도록 시도했습니다.

위의 내용은 블로그에서 작동하지 않습니다. 동일한 내용을 다음에서 확인하실 수 있습니다 : http://extreme-java.com/check-java-iq/

어디에서 실수했는지 말씀해주십시오.

+0

https://code.google.com/p/jquery-showhide/ – zloctb

답변

1

, 당신이 워드 프레스 페이지의 "JQuery와 탭 기능"을 원하는 것으로 보인다

왜 돈 ' 다시 시도하십시오 wordpress tabs plugin 3 번째 화면 참조

이 페이지를 사이드 바로 사용하려면 pages/post as sidebar 플러그인을 사용할 수 있습니다.

이 기능을 구현하는 데 더 좋은 옵션이라고 생각합니다.

희망이 도움이 될 것입니다.

+0

+1 -이 문제에 대해 더 나은 방법이 될 것 같습니다. – Ved

0
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js?ver=3.3.1'></script> 

작은 따옴표를 피하려고, 대신이 시도 : 소스 코드를보고함으로써

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js?ver=3.3.1"></script> 
+0

이 문제는 전적으로 귀하의 문제를 해결하지 못한다는 것을 알고 있지만 두통을 피하는 것이 좋습니다. –

관련 문제