jquery-fjax 正在参加 2020 年度 OSC 中国开源项目评选,请投票支持!
jquery-fjax 在 2020 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
投票让它出道
已投票
jquery-fjax 获得 2020 年度 OSC 中国开源项目评选「最佳人气项目」 !
jquery-fjax 获得 2020 年度 OSC 中国开源项目评选「最佳人气项目」「最积极运营项目」 !
jquery-fjax 获得 2020 年度 OSC 中国开源项目评选「最积极运营项目」 !

软件简介

jquery-fjax 页面片段异步加载

  • 基于锚点技术,支持所有浏览器,不需要浏览支持 history.pushState

  • 如果支持客户浏览器都支持 history.pushState ,建议使用 pjax

  • 需要引入 jquery 库,开发版本选用的是v2.2.1,其它版本未验证

  • QQ:16349023

    <script th:src="@{${prefixPath}+'/assets/plugins/jquery-fjax/jquery.fjax.js'}" src="/assets/plugins/jquery-fjax/jquery.fjax.js"></script>
    <script  type="text/javascript" th:inline="javascript">
    /*<![CDATA[*/
    $(function() {
        var fjax_options = {
            fragment:'#pagecontent',
            prefix:'/manage/',
            beginLoad:function () {
                console.log("begin");
            },
            endLoad:function () {
                console.log("end");
            },
            success:function () {
                console.log("success");
            },
            error:function () {
                console.log("error");
            },
            'default_url': 'main',//default hash
            'content_url': function(hash,prefix) {
                //***NOTE***
                //this is for Ace demo only, you should change it to return a valid URL
                //please refer to documentation for more info
                var hashValue=hash;
                var path = document.location.pathname;
                //var requestUrl=path + "/" +hashValue.replace(/^page\//, '');
                //var requestUrl=path + "/" +hashValue;
                console.log(prefix);
                var requestUrl=prefix+hashValue;
                console.log(requestUrl);
                return requestUrl;
            }
        }
        $('.page-content-area').fjax(fjax_options);
    });
    
    /*]]>*/
    </script>
展开阅读全文

代码

的 Gitee 指数为
超过 的项目

评论 (0)

加载中
更多评论
暂无内容
发表了博客
01/16 10:30

啥是jQuery(什么是jQuery)

一、什么是jQuery jQuery是一个JavaScript函数库。 jQuery是一个轻量级的"写的少,做的多"的JavaScript库。 jQuery库包含以下功能: HTML 元素选取 HTML 元素操作 CSS 操作 HTML 事件函数 JavaScript 特效和动画 HTML DOM 遍历和修改 AJAX 二、1.x、2.x、3.x 三大系列的区别 下载jquery : https://www.bootcdn.cn/jquery/ jquery.js 有注释,有代码风格 — 开发版-- 开发环境使用 juery.min.js 压缩–没有注释-- 生产版-- 生产...

0
0
发表了博客
2018/03/26 16:45

jQuery 中 jQuery(function(){})与(function(){})(jQuery) 的区别

$(function(){})已经是一个匿名函数了,在里面定义的函数已经是私有了,不能全局访问。把函数定义在全局,也就是function外面,这样外部才能调用。 Jquery是优秀的Javascrīpt框架。我们现在来讨论下在 Jquery 中两个页面载入后执行的函数。 $(document).ready(function(){ // 在这里写你的代码... }); 在DOM加载完成时运行的代码 可以简写成 jQuery(function(){ }); (function($) {})(jQuery)什么意思? (function(){ ...

0
0
发表于大前端专区
2014/01/17 16:13

JQuery - $, JQuery, Window.load, JQuery.ready

开篇之前偶然间看到和这篇文章有关的Stackoverflow的一个thread,在这里摘录。 $(document).ready(function() { // executes when HTML-Document is loaded and DOM is ready alert("document is ready"); }); $(window).load(function() { // executes when complete page is fully loaded, including all frames, objects and images alert("window is loaded"); }); //All this three are having a same functionality ...

0
0
发表了博客
2018/06/21 03:16

jquery-3 jquery选择器

jquery-3 jquery选择器 一、总结 一句话总结:选择器使用的时候可以结合参考手册,里面都已经详细归类好了。(多用才能熟啊) 1、$(:input).css({'color':'#987654'}); 中的css方法中的参数是什么数据格式? 是json数据格式,也就是jquery中的参数采用的是json数据格式 2、jquery中的参数采用的是什么数据格式? json数据格式 二、jquery选择器 1、相关知识 选择器: 1.常用 1)#id 2)ele 3).class 4)* 5)sel1,sel2 2.层级 1)ance...

0
0
发表了博客
2018/03/14 00:12

You-Dont-Need-JQuery (你不需要JQuery)

看完这篇文章我才觉得真的要用JQuery ,因为实在是有些地方设计的使用太复杂了, document.querySelector() 和 Document.querySelectorAll 的确是很方便的API... 不过很多功能还是用JQuery实现起来比较简单。 You Don't Need jQuery 前端发展很快,现代浏览器原生 API 已经足够好用。我们并不需要为了操作 DOM、Event 等再学习一下 jQuery 的 API。同时由于 React、Angular、Vue 等框架的流行,直接操作 DOM 不再是好的模式,j...

0
1
发表了博客
2018/02/24 20:28

jQuery 中 jQuery(function(){})与(function(){})(jQuery) 的区别及用法

假如你现在还在为自己的技术担忧,假如你现在想提升自己的工资,假如你想在职场上获得更多的话语权,假如你想顺利的度过35岁这个魔咒,假如你想体验BAT的工作环境,那么现在请我们一起开启提升技术之旅吧,详情请点击http://106.12.206.16:8080/qingruihappy/index.html query是优秀的Javascrīpt框架。我们现在来讨论下在 Jquery 中两个页面载入后执行的函数。 $(document).ready(function(){ // 在这里写你的代码... }); ...

0
0
发表了博客
2011/03/28 08:41

jQuery jquery-1.5.1.min.js使用

请问下 jquery-1.5.1.min.js 导入MyEclipse9.0有错误提示 是怎么回事

0
1
发表了博客
2019/03/01 16:07

JQuery

目录 JQuery JQuery选择器 JQuery事件 JQuery对DOM元素的操作 JQuery jQuery是一个快速、简洁的JavaScript框架,它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的css选择器,并且可对CSS选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件。 目前jQuery有1.x和2...

0
0
2019/06/05 18:19

jQuery

一.万能的$($===jQuery) $是一个对象,也是一个方法 1.1 直接获取页面的元素 $("选择器") 例:$("#id值") 1.2 dom就绪后执行相应的代码 window.onload = function(){...} -> 页面加载完毕后执行(所有数据请取完毕) $(function(){...}) -> dom加载就绪(只需要读取到标签与属性即可【速度更快,性能更好】) 1.3 把一个原生的dom对象转成jQuery对象 jQuery对象的功能更加强大 【object{...}】,是一个伪数组 原生 -> jQuery : $(原生...

0
0
发表了博客
2019/03/03 01:28

jQuery

jQuery jQuery是一个快速的,简洁的javaScript库,使用户能更方便地处理HTMLdocuments、events、实现动画效果,并且方便地为网站提供AJAX交互。 jQuery的特点 链式编程:比如.show()和.html()可以连写成.show().html()。 隐式迭代:隐式 对应的是 显式。隐式迭代的意思是:在方法的内部进行循环遍历,而不用我们自己再进行循环,简化我们的操作,方便我们调用。 在使用jQuery的API时,都是方法调用,也就是说要加小括号(),小括...

0
0
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
暂无内容
0 评论
2 收藏
分享
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部