大佬教程收集整理的这篇文章主要介绍了通过Ajax加载内容,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
您要AJAX
为链接设置。要求:
#AJAX-wrap
。#AJAX-wrap
。// document Ready
$(function () {
// attaching click handler to links
$("a.home-right").click(function (E) {
// cancel the default behavIoUr
e.preventDefault();
// get the address of the link
var href = $(this).attr('href');
// getTing the desired element for working with it later
var $wrap = $('#AJAX-wrap');
$wrap
// removing old data
.HTML('')
// slIDe it up
.slIDeUp()
// load the remote page
.load(href + ' #content', function () {
// Now slIDe it down
$wrap.slIDeDown();
});
});
});
好的,所以我对ajax和从外部加载内容还很陌生,希望对我的问题有任何见解。
我目前有一个隐藏的div,它是空的,单击链接后应该在其中加载ajax内容。
<div id="#ajax-wrap"></div>
我目前有一个链接列表,所有链接都具有相同的类,并且我想在单击空白div时进行幻灯片切换,然后从链接要访问的页面中加载内容。
链接:
<a href="always a different url" class="home-right"></a>
当前的jQuery:
$("a.home-right").click(function () {
$('#ajax-wrap').slideToggle();
});
刚接触Ajax并加载外部内容时,我想知道如何从位于#content
标签中的链接页面加载内容。因此,从本质上讲,我想要一个.home-
right
链接,#ajax-
wrap
将其滑动切换,然后Ajax将从链接的页面中提取内容(该页面始终是一个不同的随机链接),它是#content
div,将该内容放置在中#ajax-
wrap
。
在此先感谢大家的帮助!
以上是大佬教程为你收集整理的通过Ajax加载内容全部内容,希望文章能够帮你解决通过Ajax加载内容所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。