草庐IT

javascript - pjax 成功后仅通过单击特定输入显示消息

我有一个表单,当对任何radioinput进行任何更改时提交。在表单中,我有两个不同的radio组。我正在尝试在pjax:start上的#message上输出一条消息,当来自group2的任何radio时>被触发。这是我的简单方法:$('input[name="group2"]').on('change',function(){$(document).on('pjax:start',function(){$('#message').text('Loading...');});$(document).on('readypjax:success',function(){$('#messag

javascript - 如何通过pjax制作github风格的页面过渡

有一次看到一篇文章说githubpagetransition是pjax做的,我查了一下jquery-pjax项目。我想我已经接近答案了,它一定是与事件pjax:start和pjax:end相关的东西,但我仍然无法让它工作,所以我尝试在这里获得一些帮助。$('a.pjax').pjax('#main');$('#main').bind('pjax:start',function(){$('#main').slideUp()}).bind('pjax:end'),function(){$('#main').slideDown()});但是没有效果 最佳答案

javascript - 对所有事件使用 jQuery .on()

对每个事件使用jQuery的.on()事件处理程序是否被认为是不好的做法?以前,我的代码包含这样的脚本:$('#cartButton').click(function(){openCart();});但是我最近开始使用InstantClick(一个pjaxjQuery插件)。现在我的脚本都不起作用了。我明白为什么会这样,但我不能用InstantClick.on('change',function(){标签包装我的代码,因为这意味着我的代码开始重复自己。例如,点击购物车按钮将多次运行openCart()函数。因此,为了解决这个问题,我将所有函数更改为如下所示:$(document).on

javascript - 使用 pjax 提交表单

我的页面上有包含以下代码的表单...bunchofinputsandpresentationlogic...CopyPartDeletePartReturnToPartList@Html.HiddenFor(model=>model.ID)@Html.HiddenFor(model=>model.Manufacturer)@Html.HiddenFor(model=>model.DateCreated)@Html.HiddenFor(model=>model.Manufacturer)@Html.HiddenFor(model=>model.IsActive)@Html.HiddenF

javascript - 无法在 pjax 中为选项注册函数

Pjax不允许我在直接调用时将函数指定为选项。$(document).on('click','a.inferno-preview',function(event){return$.pjax.click(event,{container:'#preview-overlay',fragment:'#preview-overlay',send:function(){return$('#preview-overlay').removeClass('hidden');},complete:function(){}});});在这种情况下,'send'和'complete'函数没有被执行,而'co

javascript - Laravel pjax - 设置

我第一次使用pjax和laravel来加快页面加载速度,所以我对此了解不多。我正在使用this包裹。我已经设置好它并且它似乎可以正常工作,但仅对于某些页面,其中我有一些内容的javascript,我有一些问题。这是我的main.js文件:$(document).ready(function(){if($.support.pjax){$.pjax.defaults.timeout=5000;}$(document).pjax('.link',"#pjax");//addclassactivetotabbasedonurlvarloc=window.location.pathname;sw

javascript - 在 Wordpress 中使用 PJAX

我正在尝试整合PJAX进入我的Wordpress安装,这是我正在使用的代码:$(function(){//pjax$('ula').pjax('#middlewrap')})我只是关注他们在PJAXdemopage上的演示,但将他们使用的容器(#main)替换为我的Wordpress主题的容器,即#middlewrap。我在控制台上没有看到任何奇怪的错误,但它也不起作用。感谢任何帮助! 最佳答案 看这里:https://github.com/nikolas/pjax-menu希望对您有所帮助:)编辑:http://wordpress

javascript - 如何在 pjax 加载之前和之后运行 jQuery?

我目前正在使用pjax,它工作得很好,但我需要运行两个jQuery函数,一个在pjax加载新url之前,一个在加载新url之后,我该怎么做?我尝试了以下两种变体,但似乎都不起作用?第一次尝试:$("a").pjax("#main").live('click',function(){//FunctionBeforeLoad//FunctionAfterLoad})第二次尝试:$("body").on("click","a",function(){//FunctionBeforeLoad$(this).pjax("#main");//FunctionAfterLoadreturnfalse

javascript - Pjax动画

我终于让pjax工作了,但我还有另一个问题。我如何添加一些jquery动画,如fadeout/slideup旧内容和fadein/slidedown新内容?默认情况下pjax只是改变内容而没有任何好看的效果..如有任何帮助,我们将不胜感激。最好的问候 最佳答案 基本上,您有abunchofevents捕获并随心所欲地做。这是使用pjax:start和pjax:end作为触发器的基本fadeIn和fadeOut版本。$(document).on('pjax:start',function(){$('#main').fadeOut(20

javascript - jQuery pjax 和谷歌分析

我正在使用PJAXhttps://github.com/defunkt/jquery-pjax我想知道,既然整个页面都没有改变,那么使用GoogleAnalytics跟踪分析的最佳方式是什么? 最佳答案 接受的答案不再有效,因为正如RuyDiaz评论的那样,这已从PJAXinthiscommit中删除.这是我的解决方案。在pjax:end事件中,设置GA位置,并发送综合浏览量。使用pjax:end事件是因为它在“跟随一个pjaxed链接”(从服务器加载)和“在后退/前进导航”(从缓存加载)时触发。参见pjaxeventsdocume