Tag: pjax

Rails刷新页面为所有用户命令: 我正在寻找创建一个Rails应用程序，该应用程序将用作程序，概述我当地教会的服务/事件的运行顺序。基本概念是控制声音，灯光，视觉效果等的技术团队和志愿者可以登录应用程序并查看将包含服务的所有元素（包括时间等）的运行顺序。我希望制作人能够控制正在运行的顺序，以便他/她基本上有一个“下一个”/“后退”按钮，并且可以循环显示节目的每个元素。通过这种方式，团队可以确切地知道他们所处的服务阶段以及他们需要做什么。我的问题：如何让它成为生产者按下“下一步”按钮时，应用程序刷新/更新所有用户并看到最新的元素？每个人都需要查看相同的信息 – 而且也很快。任何帮助赞赏！谢谢背风处

Pjax：为内容添加动画: 对于我的网站，我使用了pjax。我想将fadeout和fadein动画添加到页面。我试过这个stackoverflow的答案我的代码是 // invoke pjax $(function(){ $(‘div#header-menu a’).pjax(‘#master-div’) }) // do animation $(document).on(‘pjax:start’, function() { $(‘#content’).fadeOut(1000); }) $(document).on(‘pjax:end’, function() { $(‘#content’).fadeIn(1000);}) ‘content’是不断改变pjax的div的id 难道我做错了什么？请帮忙，谢谢

Pjax与wordpress自定义主题在firebug中给出301错误: 我想在wordpress中使用pjax。但每当我尝试点击通过ajax调用获取内容的链接时，没有任何反应并且页面正常加载，firebug console显示301中止错误。任何人都可以帮忙吗？

PJAX和Firefox后退按钮问题: 我正在测试jquery.pjax.js并发现了一个问题。在我的最小测试项目中，发生如下的奇怪行为：访问fireflx中的index.php 单击pjax链接：位置栏和页面内容已更改单击Firefox的后退按钮：位置栏已更改但内容仍然存在 GoogleChrome中不会发生此问题。我想知道如何解决这个问题。我的测试项目是： http://karasunouta.com/php_test/pjax/ http://karasunouta.com/files/pjax.zip 的index.php page $(function(){ // link $(document).pjax(‘a.pjax’, ‘#main’); // form $(document).on(‘submit’, ‘form’, function(event) { $.pjax.submit(event, ‘#main’) }) }); pjax test page1 page2 page3 Page：页/ 1.HTML page1 contents 页/ 2.HTML page2 contents 页/ 3.html page3 contents JS / jQuery的1.9.1.min.js JS / jquery.pjax.js

用php的jquery pjax。在重新加载时没有内容: 我尝试使用jquery pjax在div中加载我的内容。这工作正常，但如果我重新加载页面我没有内容。我想我需要将页面内容放在else {part，但我不想在php变量中设置整个html。怎么解决这个问题？ https://stackoverflow.com/questions/32285243/jquery-pjax-with-php-no-content-at-reload/index.php文件： home <?php echo "{$title}”; }else{ include ‘wrapper.php’; } ?> wrapper.php： Home Demo 1 Demo 2 JS： $(document).ready(function() { $(document).pjax(‘a[data-pjax]’, ‘#content’, { fragment: ‘#content’ }); }); https://stackoverflow.com/questions/32285243/jquery-pjax-with-php-no-content-at-reload/page1.php中 Page 1 使https://stackoverflow.com/questions/32285243/jquery-pjax-with-php-no-content-at-reload/page2.php Page 2

有没有办法以编程方式从我的javascript文件中调用和执行pjax？: 我有一个function，等待用户点击文本类型的输入，然后等待用户按向下和向上箭头键。当用户按下向下和向上箭头键时，调用函数hoverDown（），它基本上以编程方式hover在表行上。按下enter键时，将调用window.location并加载相应的页面。问题是我在整个应用程序中使用pjax来动态加载内容并在没有页面刷新的情况下推送新URL。当我调用window.location函数时，pjax不再起作用，而是加载了正确的url并且发生了整页刷新 – 这是我想要避免的事情。有没有办法以编程方式从我的函数中调用和执行pjax？相关代码： // HTML Name Title Scott Client BillyClient GeorgeClient SaraClient JohnClient MeganClient BenClient JullyClient BethanyClient AlenClient JaneClient AliceClient //使用Javascript $(document).ready(function(){ $(“#main”).on(“keydown”, “#search”, hoverDown); }); function hoverDown(e) { var $tbl = $(‘#tblDataBody’); var $cur = $(‘.active’, $tbl).removeClass(‘active’).first(); if (e.keyCode === 40) { //down if ($cur.length) { $cur.next().addClass(‘active’); } […]

使用pjax实现叠加层的最佳方法: 目前我正在使用pjax加载片段并覆盖我网站页面的主页面。然后我用jquery更改body类，以允许一些样式更改。这很好但浏览器后退按钮不能正常工作，因为在点击pjax触发器时触发了body类更改，因此body保持了overlay的类。当你点击一个项目时，我正在寻找的效果与这个网站非常相似。 http://www.watsonnyc.com/ 显然这不起作用所以必须有更好的方法。以下是我的代码示例： $(‘.back’).pjax(‘.info_overlay’, { fragment: ‘.info_overlay’,}).live(‘click’, function(){ $(‘body’).removeClass(“info”).addClass(“work”); $(‘.info_overlay’) .bind(‘pjax:start’, function() { $(this).fadeOut(duration); }) .bind(‘pjax:end’, function() { $(this).hide(); }); })

Pjax动画: 我终于得到了pjax工作，但我有另一个问题..如何添加一些jquery动画，如fadeout / slideup旧内容和fadein / slidedown新内容？默认情况下，pjax只是更改内容而没有任何好看的效果.. 任何帮助将非常感激。最好的祝福

如何在pjax加载之前和之后运行jQuery？: 我目前正在使用pjax并且它运行良好，但我需要运行两个jQuery函数，一个在pjax加载新url之前，一个在加载新url之后，我该怎么做？我尝试过以下两种变体，但似乎都没有用？第一次尝试： $(“a”).pjax(“#main”).live(‘click’, function(){ //Function Before Load // Function After Load }) 第二次尝试： $(“body”).on(“click”, “a”, function(){ //Function Before Load $(this).pjax(“#main”); //Function After Load return false; });