JQuery를 사용하여 Tab의 AJAX 동적 로딩을 빠르게 구현(예제 설명)_jquery

구현 과정을 간략히 말씀드리겠습니다.

1. 링크 소스를 찾으세요. 아래에 일련의 링크가 있습니다

2. 처리 스타일

3. 마우스가 위로 이동하면 링크 소스의 웹사이트를 지정된 컨테이너에 로드하고 클릭 이벤트가 false를 반환하도록 스타일을 전환합니다. 여기에서 링크 소스 웹페이지를 클릭하면 안 됩니다.

5.오버

스크립트:

코드 복사 코드는 다음과 같습니다.

{
//homeNews
var tid = "#homeNews";//removeTabBold
var lvTabs = $(tid);
if(lvTabs != null)
{
lvTabs.find(" a") .each(function(){$(this).click(function(){return false;});$(this).mouseover(function(){
removeTabBold(tid);$(this) .addClass( "bold");
$(this).parent().addClass("lvbg");
$('#HomeNewsList').load($(this).href());
거짓을 반환 }) });
        $(LvTabId).find("a").each(function(){
$(this).removeClass("bold");
$(this).parent().removeClass( "lvbg");
$(this).parent().parent().parent().removeClass("lvp");}); }