2014-02-24 74 views
1

我有一個頁面打開和關閉一個div包括其他文件

master.html

這些腳本:

<script type="text/javascript"> 
$(document).ready(function() { 
    $('a.art').click(function() {var url = $(this).attr('href'); 
     $('#contentart').load(url); 
     $('html,body').animate({scrollTop: parseInt($('#contentart').offset().top)}, 'slow'); 
     $('.show_hide').click(function(){ 
      $("#contentart").slideToggle(); 
     }); 
     return false; 
    }); 
}); 
</script> 

<script> 
$(document).ready(function() { 
    $('a[href^="#"]').on('click',function (e) { 
     e.preventDefault(); 
     var target = this.hash, 
     $target = $(target); 
     $('html, body').stop().animate({ 
      'scrollTop': $target.offset().top 
     }, 900, 'swing', function() { 
      window.location.hash = target; 
     }); 
    }); 
}); 
</script> 

和身體:

<div class="one"> 
<a class="art" href="file1.html">link</a> 
<a class="art" href="file2.html">link</a> 
<a class="art" href="file3.html">link</a> 
<a class="art" href="file4.html">link</a> 
ecc ecc 
</div> 

,並與這些鏈接的點擊將打開這個div相對文件file_.html:

<div style="width: 100%" id="contentart"></div> 

與身體我有這個鏈接軟moviment到div contentart

<a href="#qui"cursor: pointer;" class="show_hide">close the div</a> 

爲新選擇;這個函數關閉div並且上到頂端。

但是所有的功能都不能很好地工作:打開速度很慢,如果我打開第二次鏈接(ALTRO)不打開新的。 這裏的測試環節:

http://vangelodelre.it/test/files/contenuti.html

請我需要幫助維修都是因爲我不是一個開發商。

回答

0

這很慢,因爲你不是隻加載文本,而是一堆無風格的表單和其他不屬於體內的東西。

你甚至迫使重新加載jquery(這是巨大的)。檢查當您點擊FireBug網絡控制檯中的鏈接時會發生什麼。

enter image description here

所有你點擊一個鏈接後,獲取發送。我不完全理解你的代碼,還有很多混淆的代碼,但是有一些是嚴重錯誤的。