2013-03-13 3 views
0

как показать форму содержания внешний .html файл в разных div. например, если id из 'li' = 1, покажите его в 'id = content1'. если id = 2, покажите его в 'id = content2'. теперь все в из внешнего файла .html показывает в ид = 'содержание'показать содержимое в разных div

это мой JS

var hash = window.location.hash.substr(1); 
var href = $('#nav li a').each(function(){ 
    var href = $(this).attr('href'); 
    if(hash==href.substr(0,href.length-5)){ 
     var toLoad = hash+'.html #content'; 
     $('#content').load(toLoad) 
    }           
}); 

$('#nav li a').click(function(){ 

    var toLoad = $(this).attr('href')+' #content_from_external'; 
    $('#content').slideUp('normal',loadContent).delay(200); 
    window.location.hash = $(this).attr('href').substr(0,$(this).attr('href').length-5); 
    function loadContent() { 
     $('#content').load(toLoad,showNewContent) 
    } 
    function showNewContent() { 
     $('#content').slideDown(1000); 

    } 
    return false; 

}); 

это мой HTML

<ul id="nav" class="products"> 
         <li id="1"> 
          <a href="products/1.php"><img src="1.jpg"/></a> 
         </li> 
         <li class="under" id="2"> 
         <a href="products/2.php"><img src="2.jpg"/></a> 
         </li> 
         <li id="3">        
         <a href="products/3.php"><img src="3.jpg"/></a> 
         </li> 

         </li> 
    </ul> 
+0

Добро пожаловать на SO. Пожалуйста, примите и/или подтвердите все ответы, которые вам сопутствуют. – isherwood

ответ

0
$('#nav li a').click(function(){ 
    var toLoad = $(this).attr('href')+' #content_from_external'; 
    var divId = '#content' + $(this).parents('li').attr('id'); 

    $(divId).slideUp('normal',loadContent).delay(200); 
    ... 
+0

это работает для меня. большое спасибо – BahaS

+0

Добро пожаловать. Примите ответ. – isherwood

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