2013-02-14 4 views
0

이미지 링크를 생성하는 "pachete"라는이 div가 있습니다 (이미지 및 데이터베이스로드에서 해당 주소를 클릭하십시오). 올바른 페이지로 보내지 만 원하는 것은로드하는 것입니다. (이미지 링크 바로 아래)에있는 new_page div에있는 페이지로 이동하면됩니다. "poza_efect"클래스는 간단한 불투명도 효과입니다. JavaScript 함수가 있지만 어떤 이유로 작동하지 않습니다.div에 새 페이지로 저장

<script> 
    $('.stil_link_img').click(function() { 
     $('#new_page').load($(this).attr('href')); 

     return false; 
    }); 
</script> 

<div id="pachete"> 
    <?php $result=mysql_query("SELECT* FROM imagini"); while($data=mysql_fetch_row($result)){ if(($data[3]==1)&&($data[2]==2)){ ?> 
    <div class="stil_link_img"> 
     <a href="<?php echo $data[4];?>" class="poza_efect"> 
      <img src="upload/<?php echo $data[1];?>"> 
     </a> 
    </div> 
    <?php } }?> 
</div> 

<div id="new_page">//some content which should be replaced with my loaded page</div> 
+0

로드하려는 페이지가 동일한 도메인 (원점)에 있거나 서버가 Allow-Origin을 보내야합니다. 귀하의 브라우저에 ader. – fardjad

+0

나는 나의 페이지 및 링크가 너무 구글에 대한 두 페이지에 시도했다, 두 경우 모두 내가 새 페이지로 보내지, 새 페이지는 내 div에 laod하지 않습니다 – Johny

답변

2

자바 스크립트 함수에서 참조 $ (this)는 A 요소가 아니라 컨테이너 DIV를 가리 킵니다. 다음과 같이 해보십시오.

또한 $ (document) .ready (function() {.... 핸들러를 사용하여 요소가 완전히로드되었는지 확인합니다.

2

요소가로드되기 전에 stil_link_img 클릭 이벤트가 등록되므로 이벤트가 연결되지 않습니다. 대신 A-태그에 클릭 이벤트를 등록해야합니다 또한

루프 후 페이지가 완전히

  • 이동합니다 .click를로드 한 후

    • $(".stil_link_img").live(..) 또는
    • 가 이벤트를 부착 사용 div의 (또는 원하는 경우 클릭 할 수있는 배경을 설정해야합니다.)

  • 관련 문제