现在,每当用户切换"评论(X)"时它就会联系服务器
我想使其尽快使其作为一个用户点击".INFO.回复"(评论(X)),一个ajax装载机刚刚出现,直到数据完成加载,那么装载机消失.
// Replies - Toggle display of comments
$('.info .reply').click( function() {
$('.reply', this.parentNode.parentNode).toggle();
return false;
});
// Load comments
$('.info .reply', this).mousedown( function() {
var id = $('form #id', this.parentNode.parentNode).val();
$.ajax({ url: location.href, type: 'post', data: 'id=' + id, dataType: 'json',
success: function(data) {
for (var i in data) {
// Do AJAX Updates
}
}
});
return false;
});
这样做的正确方法是什么？
谢谢!
简而言之,我有一个页面,其中内容正在加载jquery load().问题是当我想选择时.
$('a.selected_class').click(function(e){
alert('alert');
e.preventDefault();
});
(内部文档就绪)在第一页上工作,但在任何后续页面(使用$(this).load(url);加载到div)中,选择器停止工作.
有小费吗？
如何在jquery的.load()函数中向服务器发送一些数据.我试过这个语法:
$('container').load('path', {key: value});
但由于某种原因,它不起作用
我的*.aspx页面(主页):
function getEmployeeHours(employeeId,year,month) {
$('#clocked-details').load('/Employees/GetEmployeeClockedHours/',{ 'employeeId': employeeId,'year': year,'month': month });
};
我的部分视图*.ascx:
<td>
<button id="btnSave" type="button" class="actionButton">
Save</button>
</td>
如上面的代码片段,我需要从主视图中获取部分视图btnSave来触发click事件.
我在主视图中写了下面的代码.
$('#btnSave').off('click').on('click', function () {
var yearValue = $("#year").val();
var monthValue = $("#month").val();
$.ajax({
url: "/Employees/UpdateEmployeeClockedHoursByProvider",
type: 'POST',
cache: false,
data: { employeeId: employeeId, year: yearValue, month: monthValue },
success: function (result) {
},
error: function (xhr, ajaxOptions, thrownError) {
alert(xhr.status);
alert(thrownError);
}
});
return false;
});
但它没有触发.我在使用load jquery方法异步加载我的局部视图.
所以我的问题是如何触发局部视图的点击事件？
我使用以下jQuery将5页加载到当前页面
$('.main').load('main.cfm');
$('.bu1').load('bu1.cfm');
$('.bu2').load('bu2.cfm');
$('.bu3').load('bu3.cfm');
$('.bu4').load('bu4.cfm');
但每个.cfm都有以下script标签
<script src="js/jquery.speedometer.js"></script>
<script src="js/jquery.jqcanvas-modified.js"></script>
<script src="js//excanvas-modified.js"></script>
<script>
$(function(){
$('#MDTQ').speedometer({
backgroundImage: "url(speedo/background-r.png)",
maximum: 15,
scale: 15,
suffix: ''
});
$('.changeSpeedometer').click(function(){
$('#MDTQ').speedometer({ percentage: $('.speedometer').val() || 0 });
});
});
</script>
有没有办法在加载时从下面的页面中删除下面的内容？
$('.bu1').load('bu1.cfm');
$('.bu2').load('bu2.cfm');
$('.bu3').load('bu3.cfm');
$('.bu4').load('bu4.cfm');
谢谢
我正在使用一些基本的jQuery来通过AJAX替换内容来加速我的网站,而不是完全重新加载页面(类似于Turbolinks所做的):
$("nav").delegate("a", "click", function() {
href = $(this).attr('href');
history.pushState(null, null, href);
$('#main').load(href + " #main");
return false;
});
但是我遇到的问题是我/portfolio页面上的相对链接失败了.例如,我有<img src="website.jpg">位于/portfolio/website.jpg,但因为.load()正在寻找而抛出404 /website.jpg.
我知道使图像路径绝对可行,但有没有办法用JavaScript解决这个问题？为什么jQuery不处理这个？相对链接是不好的做法？
我想在php脚本执行时显示加载图像.我已经阅读了关于如何做到这一点的不同答案,但大多数人都表示我应该有一个单独的php页面.但是我使用单页来显示行,那么我怎样才能显示加载图像？
选择查询的示例,我用来获取数据:
$stmt = $mydb->prepare("select * from table where firstname = ? and id = ? ");
$stmt->bind_param('ss', $firstname, $id);
$stmt->execute();
$stmt->close();
当使用jQuery.load动态加载HTML内容到网页时,"重新绑定"任何处理程序的最佳方法是什么？
通常你绑定处理程序jQuery.ready,但它们显然不适用于新加载的内容.这适用于在加载内容的外部和内部使用的处理程序,因此只是在load成功函数中绑定它们并不是很好.
我有一些我用JQuery Load Function更新的类.当Page First Loads我瞄准它们并将它们隐藏起来时:
$('.classname').hide();
我load像这样做ajax :
$.ajax({
type: "GET",
url: "index.php",
data: dataString,
success: function() {
$('.wrapperClass').load('index.php .wrapperClass');
$('.classname').hide();
},
error: function() {
}
});
为了简单起见,html是这样的:
<div class="wrapperClass">
<span class="classname">Content 1</span>
<span class="classname">Content 2</span>
</div>
问题是,wrapperClassget 内部的所有内容都重新加载,但内部的跨度不会被隐藏,它们会重新出现,我无法弄清楚如何在通过Ajax重新加载后隐藏它们.
当我调整浏览器窗口大小时,我希望发生一些事情,但必须首先加载页面上的所有内容.这不起作用,但你得到的图片:
$(window).resize(function(){
$(window).load(function(){
// do stuff
});
});
我怎样才能做到这一点？