BlogSpot의 JavaScript/Jquery가 모바일 브라우저에서 작동하지 않습니다.

Question

BlogSpot의 내 페이지는 내가 시도한 모바일 브라우저 (이전 iPod touch 및 Windows 8 Phone 만 제외하고 다른 사람들에 대해서는 잘 모르겠습니다) .

페이지는 here입니다.

기본적으로 버튼 개체를 누르면 JQuery는 DIV를 .html() 함수로 채우므로 DIV 크기가 커지고 문제가 있다고 생각합니다.

이 문제를 해결할 방법이 있는지 궁금합니다.

Answer 1

여기에서 문제는 블로거가 모바일 장치와 PC에 다른 템플릿을로드한다는 것입니다. 블로그의 PC 버전에는 기능을 실행하는 데 필요한 모든 코드가 있지만 모바일 템플릿에는 해당 코드가없는 것 같습니다.

스크립트 및 jQuery 라이브러리가 모바일 템플릿에로드되지 않으므로 모바일 브라우저에로드하기 위해 템플릿을 일부 변경해야합니다. 그것은 당신이해야 할

<b:if cond='data:blog.isMobile'></b:if> 

사이의 코드를 포장 그리고 스크립트가 너무 모바일 템플릿에로드 될 것입니다 매우 간단합니다.

그것은이

<b:if cond='data:blog.isMobile'> 
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script> 

<script> 
// your script 
</script> 
</b:if> 

장소처럼이 어디 템플릿 (최고의 원래 스크립트에 가까운 경우) 및 저장 템플릿을 찾아야합니다. 먼저 블로그의 모바일 템플릿을로드하여 PC에서 확인하십시오. 블로그 URL의 끝에 ?m=1을 추가하면됩니다.

Answer 2

@Deepak Kamat stated으로 .. 내가 당신을 믿고 당신이이 경우에,

<b:if cond='data:blog.isMobile'></b:if>

오른쪽 모바일 템플릿을 선택하기 만 내부에 자바 스크립트 코드를 삽입하는 경우에도 작동하지 않습니다 데스크톱 템플릿을 약간 변경 했으므로 모바일 템플릿 드롭 다운 목록에서 "맞춤"을 선택해야합니다.