栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

通过Ajax加载内容

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

通过Ajax加载内容

您要

ajax
为链接设置。要求:

  1. 为链接编写处理程序。
  2. 当有人单击链接(重定向到页面)时,我们必须取消浏览器的默认行为。
  3. 从服务器上删除旧数据ajax并重新制作
    #ajax-wrap
  4. 通过ajax加载远程页面并将其设置为
    #ajax-wrap
  5. 现在将其向下滑动。

// 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(); });    });});


转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/404132.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号