<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>테스트</title>
<script src="js/jquery-1.7.1.min.js" type="text/javascript"></script>
<script>
 $(document).ready(function()
 {
  $("#id_search_button2").click(function()
  {
   var enterSearchWord = $('#id_search2').val();
   //searchWord.push(escape(encodeURIComponent(searchWord)));
   alert("메인 enterSearchWord = " + enterSearchWord);
   //$("#article").load("search/search.html", {searchWord:enterSearchWord});

   $("#article").load("search/search.html"); //이게 맨 나중에 실행됨.........
   fncDoSearch(enterSearchWord);
  });

  $("#id_search2").keypress(function(event)
  {
   if (event.which == 13)
   {
    //alert("엔터~~~~~~~~~~~~~~~");
    var enterSearchWord = $('#id_search2').val();
    alert("메인 enterSearchWord = " + enterSearchWord);

    $("#article").load("search/search.html");     //이게 맨 나중에 실행됨.........
    fncDoSearch(enterSearchWord);
   }
  });
 });
</script>
<script src="js/search.js" type="text/javascript"></script>
</head>

<body>
    <div id="article">

     여기가 결과가 찍힐 부분.............
    </div><!-- article End -->
</body>
</html>

 

디자인은 대충 이렇습니다. header있고 body는 좌측 목록있는거랑 우측에 내용 뿌려주는 부분(여기가 article)있구요. 하단에 footer있어요.

 

article 요부분에 내용이 계속 변경되어서 보여줘야 되거든요. 찾다 찾다 jquery의 load란 놈을 쓰면 된다고 해서 썼는데

 

실행 순서가 이상하네요. fncDoSearch라는 자바스크립트 안 함수가 먼저 실행되고 맨 나중에 되는거예요..;;;;;;;;;;

 

그래서 원하는 결과가 안나옵니다. 갤럭시 탭 10.1에서는 웹뷰던, 내장 브라우저던 저래요.

 

PC에서 익스플로러, 파이어폭스로는 잘 되거든요.

 

이유가 대체 뭔지 모르겠네요. 아시는 분 답변좀 부탁드려요 ㅠㅠ

 

이 게시물을