2014-03-25 2 views
-1

나는 이것을 사용하고 있습니다 : http://codesandnotes.com/sticky-elements/ (jsfiddle 참조) 하지만 작동에 문제가 있습니다. 핑크색 CSS가 당겨 지지만 붙지는 않으나 빨간색으로 바뀌지 않습니다.자바 스크립트가 빠져 나오지 않음 - 스티키 바

나는 html과 js에서 기사를 제쳐두고 바 꾸었습니다. 나는 wordpress를 사용하고있다. js 폴더에 js를 추가하고 올바른 템플릿을 가져 오는 헤더에서 호출했습니다. CSS를 기본 style.css에 추가했습니다. js와 css 파일은 다른 위치에 있습니다.이게 j가 호출되는 것을 멈출 수 있습니까?

도움을 주시면 감사하겠습니다. 감사합니다

+1

질문 자체에 최소한의 작업 예제를 포함하고 다른 곳에서 연결하는 것이 유용 할 것입니다. –

+0

거의 100 % 귀하의 WordPress에 대한 가능성이 귀하의 CSS에 엉망이 될 수 있습니다. 요소와 부모를 검사하고 불필요한'display','float' 및'position' 규칙을 모두 제거하십시오. – rafaelcastrocouto

+0

안녕하세요, 주석 감사드립니다. 위에서 언급 한 jsfiddle은 실제 예제로 이동합니다. 나는 그것이 클라이언트의 웹 사이트에있는 것처럼 실제 링크를 게시하지 않도록 요청 받았고, 그것이 유용 할 것입니다. 미안합니다. – RachJenn

답변

0

은 고정입니까?

어쨌든!

먼저 라이브러리 링크를 WordPress Header에 추가하십시오. 그런 다음 jsfiddle에서 html codes을 추가하십시오. 모든 일이 끝난 후에.

은 페이지 하단에서 jsfiddle까지 copied js script 파일을 포함합니다. 아래 code을 보시면 이해하는데 도움이 될 것입니다. 는하지만

<!DOCTYPE html> 
<html> 
    <head> 
     <title>Test</title> 
    <link href="copied_css_file_from_the_jsfiddle.css" rel="stylesheet" type="text/css"> 
    <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script><!-- jQuery Library --> 
    <script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script><!-- jQuery Library --> 
</head> 
<body> 
    <p>This is the proper way <small>How to use css js and html in correct way</small></p> 

    <!-- add the html code from the JSFIDDLE--> 

    <script type="text/javascript"> 
     $(document).ready(function() { 
      //Copy and paste the script from the JSFIDDLE 
     }); 
    </script> 
</body> 

HTML의 모든 소셜 네트워크에 yeshansachithak를 검색하여 연락 나야. 감사합니다

관련 문제