파일을로드 및 호버 JQuery와

에 창에 표시가 여기에 내가 할 노력하고있어입니다.파일을로드 및 호버 JQuery와

각 링크는 독자적인 페이지로 연결되므로 기사의 몇 줄 오른쪽에있는 창에 그 내용이 표시되는지보고 싶습니다.

이상적으로 사용자가 링크를 가리키면 javascript/jQuery가 파일을 검색하여 표시합니다.

지금은 링크가 작동하고 마우스를 올리면 페이지 자체에 이미 설정된 텍스트가 표시됩니다. 그래서 마우스 오버에 대한 쇼가 작동합니다. 마우스를 가져 가면 동적으로로드 할 수있는 방법이 있는지 알아야합니다.

링크의 내용을 보여주는 툴팁의 형태로 포럼과 이메일에서 비슷한 것을 보았습니다.

자세한 내용은 기사가 동일한 페이지이며 각 기사는 '/? id = C1'및 php를 통해 붙여 넣기되는 자체 파일입니다. LINK :

<a onMouseOver="changeText('La canción verde', 'C1.php')" 
href="?id=C1" alt="La canción verde" title="La canción verde" > 
1. La canción verde</a>

기능 나타날 것 추천 광고가 "descripciondecuentos"입니다 사업부 :

이

내가 지금 일하고있는 것입니다

<script> 
function changeText(msg, documento) 
{ document.getElementById("descripciondecuentos").innerHTML=msg; } 
</script>

완벽한 세계를,이 기능을 할 것 'documento'로 변경하고 'descripciondecuentos'를 변경하십시오. 페이지로드 중에 모든 파일을로드하는 것이 현명 할 지 모르겠다. 페이지가 부풀어 오르는 것처럼 말이다.

출처

2012-07-01 julio perez

jQuery의 load() 함수를 살펴볼 수 있습니다. 예를 들어

$("a.fetchContent").hover(function() { 
    var newLoadedHtml = $(this).attr("href"); 

    $("#sectionContainer").fadeOut("fast") 
     .load(newLoadedHtml + " #content") 
     .fadeIn("slow"); 
});

하고 HTML : includes/Pages1.html : 당신의 연결의

<ul> 
<li> 
    <a class="fetchContent" href="includes/Pages1.html" title="Pages 1">Pages 1</a> 
</li> 
<li> 
    <a class="fetchContent" href="includes/Pages2.html" title="Pages 2">Pages 2</a> 
</li> 
<li> 
    <a class="fetchContent" href="includes/Pages3.html" title="Pages 3">Pages 3</a> 
</li> 
<li> 
    <a class="fetchContent" href="includes/Pages4.html" title="Pages 4">Pages 4</a> 
</li> 
</ul>

href를 같은 HTML 파일 (또는 PHP 파일)에 대한 상대 경로해야한다. 로드 기능을 사용하면 호출중인 페이지의 일부만로드 할 수 있습니다 (+ " #content").

$('#link').mouseover(function() { 
});

를 동적으로 해당 함수 내에서 아약스를 사용할 수있는 물건을로드 :

출처

2012-07-01 08:26:38

. 올바른 파일이로드 중이지만 반복적으로 페이드 인 및 페이딩됩니다. 또한이 기능에서 일부 을 제외 할 수있는 방법이 있습니까? 이제 모든 링크가 목록에로드되는 것이 아니라 상자에로드됩니다. –

편집 : 태그를 고유 한 ID를 부여하고 대신 해당 기능을 찾도록하여 제어하에 있습니다. 에는 ID가 없으므로 작동했습니다. 또한 일부 서식 문제를 해결했습니다.여전히 우스운 일은 한쪽에서 다른 쪽으로 마우스를 가져 가면 이상한 경우가 있는데, 현재가 아닌 이전 호버를 보여줍니다. 그러나 이것이 항상 그런 것은 아니기 때문에 더 많이 살펴보아야합니다. 그건 그렇고 도움을 주셔서 감사합니다. –

클래스가 필요한 링크에만 클래스를 추가합니다. (나는 그것을 편집했다). –

이처럼 링크를 jQuery의 마우스 오버 기능을 사용할 수 있습니다. 아약스에 대한

$.ajax({ 
    url: "Your text Url" 
}).done(function (data) { 
    display the data 
});

더 : http://api.jquery.com/jQuery.ajax/이 가지 노력

출처

2012-07-01 08:28:08

파일을로드 및 호버 JQuery와

답변

관련 문제