kaedah jquery untuk mendapatkan kandungan fail melalui beban dan lompat ke anchor point_jquery

Contoh dalam artikel ini menerangkan cara jquery memperoleh kandungan fail melalui beban dan melompat ke titik sauh. Kongsikan dengan semua orang untuk rujukan anda. Analisis khusus adalah seperti berikut:

Semalam saya membuat halaman yang serupa dengan dokumen bantuan, dengan navigasi di sebelah kiri dan kandungan di sebelah kanan. Pada asalnya, saya merancang untuk menggunakan iframe untuk melaksanakan kawasan paparan kandungan di sebelah kanan, tetapi kerana saya perlu melaraskan ketinggian iframe, saya menukar kaedah dan menggunakan kaedah beban dalam ajax jquery.

Mendapatkan kandungan fail jauh adalah mudah untuk dilaksanakan, hanya gunakan kaedah muat jquery:

$("#content").load("xxx.aspx")

Ini memudahkan anda meletakkan kandungan dalam fail xxx.aspx dalam teg dengan id kandungan. Kesan lain yang perlu dicapai sekarang ialah: selepas saya mendapat kandungan fail, saya perlu melompat ke titik anchor yang sepadan, jadi saya terfikir untuk menggunakan scrollTop jquery Sebagai contoh, selepas saya mendapat kandungan fail, I perlu beralih ke tag dengan id="name" :

$("body,html").animate({scrollTop:$("#name").offset().top});

offset() ialah untuk mendapatkan offset relatif bagi elemen padanan dalam viewport semasa $("#name").offset().top ialah untuk mendapatkan offset relatif label dengan nama ID dari bahagian atas. tempat pandang semasa. Kod di atas digabungkan menjadi satu bahagian perlu ditulis seperti ini:

$(function(){
 $("#content").load("xxx.aspx",function(){
  $("body,html").animate({scrollTop:$("#name").offset().top});
 });
})

Untuk mengelak daripada mengklik navigasi untuk menghantar permintaan secara berterusan ke pelayan, kami boleh menyimpan data yang diperolehi setiap kali.

Sudah tentu, kaedah ini hanya sesuai untuk halaman yang tidak menganggap pengoptimuman SEO.

Saya harap artikel ini akan membantu pengaturcaraan jQuery semua orang.