JQuery Заменить содержимое при нажатии

Я хочу заменить содержимое div #textoGrande внешним файлом.JQuery Заменить содержимое при нажатии

Я намерен использовать каждое меню li для вызова включенных файлов div, избегая перезагрузки страницы. Мои Javascript включают пусто ... Я не знаю, как начать ...

Вот HTML структура:

<!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> 
<link href="css/style.css" media="screen" rel="stylesheet" type="text/css"> 
<script type="text/javascript" src="http://code.jquery.com/jquery-1.5.1.min.js"></script> 
<script type='text/javascript' src='include/javascript.js'></script> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
<title>Opera</title> 
</head> 

<body> 
    <div class="main"> 
     <div id="header"> 

      <h1 id="logo"> 
       <a href="#">Linux Logo</a> 
      </h1> 

      <ul> 
       <li><a href="#">Home</a></li> 
       <li><a href="#">News</a></li> 
       <li><a href="#">About</a></li> 
       <li><a href="#">Contact</a></li> 
       <li><a href="#">Support</a></li> 
      </ul> 

      <div id="player"></div> 

     </div> 
    <div id="imagen"></div> 
    <h2 id="textoGrande"><p>Opera ahora<br /> mas acojedor...</p> 
    </h2><h3 id="textoPequeno"><p>En su nueva versión, Opera apuesta por un nuevo diseño y pestañas visuales, un motor más veloz que incrementa su velocidad en un 40% frente a su anterior versión y un mejor soporte de estándares.</p> 

    </h3></div> 


</body></html>

источник

2011-11-08 Gabriel Meono

$("li a").live("click", function(){ 
     $("#textoGrande").load($(this).attr('href')+' body');  
     return false; 
});

источник

2011-11-08 05:33:21 genesis

Спасибо, но это только загрузка self # ... Как заставить его работать для определенного html? –

@Gabriel: вы должны изменить #link в какой-то реальный .. – genesis

Если я сделаю это, например '

Home

' Вся страница загружается, то Javascript, кажется, не имеет никакого эффекта. –

$(document).ready(function() { 
    $("li a").click(function() { 
    $("#textoGrande").load($(this).attr('href')); 
    }); 
});

источник

2011-11-08 05:34:41 GoalieGuy6

Он содержит ошибку sintaxis в строке 3. И ничего не делает, страница загружается целиком. –

JQuery Заменить содержимое при нажатии

ответ

Смежные вопросы