2011-11-25 2 views
1

JQuery Address를 사용하여 index.php의 메뉴 항목을 클릭하면 콘텐츠가로드되는 index.php라는 기본 페이지가있는 사이트가 있습니다.AJAX 탐색 및 확장 이미지

#content에로드 된 페이지 중 하나에서 펼치기 위해 Highslide을 사용하는 이미지가 있습니다. 문제는 이미지가 #content div의 경계 위로 펼쳐지면이 div가 비게되고 횡설수설로 바뀌는 것입니다 ( JFIF 등).

이 AJAX 탐색을 사용하여 줌 가능한 이미지를 만들 수있는 방법이 있습니까?

편집 : 그것은 작동 내가 Highslide 코드를 복제하고 #content div에에로드 된 페이지 내에서 JQuery와 다시로드하는 경우 :

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script> 
<link rel="stylesheet" href="js/highslide/highslide.css" type="text/css" /> 
<script src="js/highslide/highslide.js" type="text/javascript"></script> 
<script type="text/javascript"> 
    hs.graphicsDir = 'js/highslide/graphics/'; 
</script> 

그러나 이것은 이들 JS 호출이 페이지에 두 번 이루어지고 있음을 의미 , 그리고 내가 명확하지 않은 이유 때문에, 이것은 Address를 포함한 index.php상의 다른 jquery 스크립트가 더 이상 작동하지 않는다는 것을 의미합니다. 어떤 도움이라도 대단히 감사 할 것입니다!

답변

0

나는 명백한 것을 놓치고있었습니다. 확장 될 모든 이미지를 감싸는 태그가 모든 태그에 자동으로 첨부 된 내 주소 호출에 의해 선택되었습니다. 그래서 방금 이미지 용 클래스를 추가하고 전화에서 제외했습니다.

$('a:not(a.img)').livequery('click',function() { 
    $.address.value($(this).attr('href')); 
    return false; 
});