문서를 수정하는 방법

StackOverflow https://stackoverflow.com/questions/1603810

  •  05-07-2019
  •  | 
  •  

문제

문서가 있습니다.

$(window).width()

내 변수에 할당하는 값으로

$(document).ready(function(){});

나는 이것을 도울 수있는 사람에게 매우 감사 할 것입니다.

친절한 안부

편집 :이 모든 것이 불분명하다면 죄송합니다. 다음에 데모가 있습니다. http://www.wpmonk.com/demo/hypowired처음에는 테마가로드되지만 오류로 인해 흰색이되지만 다시로드하면 전체 테마를 볼 수 있습니다.

이 코드를 사용하여 레이아웃을 중심으로합니다 (왼쪽에 너비가 필요하기 때문에 CSS에서는 불가능합니다.)

function positioneerElement(){      
    $breedte = (document.body.clientWidth - 1124) / 2;
    $('#bg_left').css({
        'width': $breedte
    });
    $('.container').css({
        'margin-left': $breedte
    });
}

나는 기능을 호출한다 positioneerElement() 로드 함수에서.

이것이 명확하지 않으면 죄송합니다. 그러나 이것이나 코드에 대한 데모를 여기에 넣을 필요는 없었습니다. 그러나 나는 도와 주려는 사람들에게 감사하고 싶습니다!

도움이 되었습니까?

해결책

나는 Outis에 동의합니다 - 우리는 더 많은 코드가 필요합니다.

그 말 :

  • 당신이하고 있습니까? 모두 $ (Document). Ready Function 내에서의 작업?
  • 당신은 확실히 올바르게 형성되고 닫힌 바디 태그와 유효한 XHTML을 가지고 있습니까?
  • 이것은 모든 브라우저에서 발생합니까?

하나의 제안 :

당신이 넣으면 문제가 지속됩니까? positioneerElement $ (document) .ready function에서도 함수? 문서로드 전에 브라우저가 문서를 평가하기 전에 문서를 평가하는지 궁금합니다.

$(document).ready(function() {
    function positioneerElement(){      
    $breedte = (document.body.clientWidth - 1124) / 2;
    $('#bg_left').css({
        'width': $breedte
    });
    $('.container').css({
        'margin-left': $breedte
    });

    // your other code, including
    positioneerElement();
});

다른 팁

전화 만 확인하십시오 $(window).width() ~ 후에 당신은 포함했습니다 <body> 태그 (예 : 준비 콜백에서) 및/또는 표준 모드 DocType 선언을 사용합니다. 당신은 어쨌든 그렇게해야합니다 : Quirks Mode는 짜증납니다.

문제는 Quirks Mode에서 뷰포트 크기를 읽는 것입니다. jQuery는 document.body.clientWidth 대신에 document.documentElement.clientWidth. 당신이 당신을 시작하지 않았다면 <body> 그러나는 없습니다 document.body 노드 존재.

당신은 jquery.js를 포함해야한다.

글쎄, 당신이 나에게 준 정보를 바탕으로 신체가 아직 제대로로드되지 않았을 수도 있습니다. 더 많은 퇴적물은 여기를 참조하십시오. http://www.coderanch.com/t/122834/html-javascript/document-body-null-or-not#606782

나는 더 많이 말할 것입니다. 그러나 나는 당신이 우리가 디버그하기 위해 더 많은 코드를 게시해야한다는 Outis에도 동의합니다.

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top