PJAX与PHP-不工作
PJAX with PHP - Not working
我目前正在尝试为选择性内容加载实现PJAX。
这是一个公文包网站,我想在index.php
上点击任何缩略图时重新加载视频播放器页面。
页面可以在这里找到
我有一个称为content
的<div>
元素,并且我想要相应视频页面中的任何<a>
元素(在content
内)到PJAX(进入content
元素)
我的Javascript如下:
<script type="text/javascript">
$(document).ready(function() {
var $container = $('#thumbnail-array');
$container.imagesLoaded(function() {
$container.masonry({
itemSelector: '.video-thumbnail',
columnWidth: '.grid-sizer',
gutter: '.gutter-sizer',
percentPosition: true
});
});
jQuery('.mobilemenu').click(function(e) {
jQuery(this).toggleClass('is-active');
jQuery('.mobile-nav').toggleClass('active');
var delay = 100;
$('.linkitem').each(function(i, e) {
setTimeout(function() {
$(e).toggleClass('animate');
}, i * delay);
});
if(jQuery('.mobile-nav').hasClass('active')) {
$('body').on('touchmove', false);
} else {
$('body').off('touchmove', false);
}
});
BackgroundCheck.init({
targets: '.name logo, .rightnav, .mobilemenu mobilemenu--htx'
});
$(".fittext").fitText(1.5);
$(".fittext2").fitText(1.3, { minFontSize: '15px', maxFontSize: '20px' });
$('.content a').pjax();
$('.overlay').hover(function(){
$(this).parent().find('video').get(0).play();
}, function() {
var video = $(this).parent().find('video').get(0);
video.pause();
video.currentTime = 0;
});
});
$(window).bind("load", function() {
$.getScript('js/social.js', function() {});
});
</script>
我没有收到任何与PJAX相关的错误或反馈,只是整页加载的常见行为。
我哪里错了?
您的选择器有一些错误。你的div
有一个class
而不是id
它应该是:
$('.content a').pjax();
我在使用另一个脚本BackgroundCheck.JS时出现javascript错误-请参阅下面的修订javascript!:
<script type="text/javascript">
$(document).ready(function() {
var $container = $('#thumbnail-array');
$container.imagesLoaded(function() {
$container.masonry({
itemSelector: '.video-thumbnail',
columnWidth: '.grid-sizer',
gutter: '.gutter-sizer',
percentPosition: true
});
});
jQuery('.mobilemenu').click(function(e) {
jQuery(this).toggleClass('is-active');
jQuery('.mobile-nav').toggleClass('active');
var delay = 100;
$('.linkitem').each(function(i, e) {
setTimeout(function() {
$(e).toggleClass('animate');
}, i * delay);
});
if(jQuery('.mobile-nav').hasClass('active')) {
$('body').on('touchmove', false);
} else {
$('body').off('touchmove', false);
}
});
$(".fittext").fitText(1.5);
$(".fittext2").fitText(1.3, { minFontSize: '15px', maxFontSize: '20px' });
$('.content a').pjax();
$('.overlay').hover(function(){
$(this).parent().find('video').get(0).play();
}, function() {
var video = $(this).parent().find('video').get(0);
video.pause();
video.currentTime = 0;
});
});
$(window).bind("load", function() {
$.getScript('js/social.js', function() {});
});
document.addEventListener('DOMContentLoaded', function () {
BackgroundCheck.init({
targets: '.name, .logo, .desktop-nav, .right-nav, .mobilemenu span, .mobilemenu span:before, .mobilemenu span:after, .mobilemenu--htx'
});
});
</script>
我仍然有一些问题,但至少我现在可以看到PJAX在推送内容。
相关文章:
- PHP Javascript显示/隐藏按钮不工作
- 如何使MailHandler.php在Wordpress中工作
- 如何检查这个代码点火器php函数是否工作,该函数是否在ajax url中使用
- 如何在php中创建一个函数,该函数与文本区域一起工作,通过输入类似[color:red]的内容来打印具有等效颜色的文本
- 如何使Jquery编码的动态下拉菜单与PHP GET变量协调工作
- Foreach无法在php和Jquery中工作
- document.title函数可以't设置它与php一起工作
- 递增 PHP 变量在 JSCRIPT 文档工作方面
- 类似按钮增量计数器不工作.PHP,AJAX,MySQL,javascript
- PHP:运行后变量不工作“;如果“;命令
- 为什么带有php-var的javascript代码不是't工作
- 无法使autocompletion与bootstrap和php代码点火器一起工作
- onClick按钮不工作javascript/php/jquery mobile
- Ajax调用PHP失败,ASP正常工作.NET
- JavaScript函数在php回显中工作吗?
- 使用HTML和任何服务器端语言(PHP,.net,ruby)制作的网站是否可以在每个具有浏览器的设备上工作
- 跨域AJAX不工作PHP
- .单击不工作(PHP)
- Ajax请求不工作php
- Jquery -确认对话框-工作php代码