我想在点击链接后滑动一个div,然后再滑动另一个div,然后转到下一页.
问题:在动画完成之前加载新页面.
问题:我该怎么办？
我应该使用preventDefault然后以某种方式恢复它吗？
这是URL:http://www.jolandaschouten.nl/wordpress
这是代码,现在只对第一个菜单项实现:
jQuery(document).ready(function($){
var allDivs = $("#introductie").add("#agenda").add("#werk").add("#onderwijs-organisatie").add("#publicaties").add("#links").add("#contact");
console.log(allDivs);
$("li.page-item-11 a").click(slideUp);
function slideUp(){
allDivs.slideUp(500, slideDown);
}
function slideDown(){
$("#introductie").slideDown(500);
}
});
ps:我不想使用AJAX,因为SEO和浏览器导航问题.点击应该真正导致进入下一页.
我执行ajax查询以检查mysql数据库中汽车的名称,如果找到汽车,它将返回"汽车名称不可用",否则"汽车名称可用".此文本放入id为"checkname"的div中.
所有这一切运行正常,但当我试图隐藏添加按钮,如果汽车名称不可用,它没有这样做,我不知道为什么:/
function check_name(){
$.ajax({
type: "POST",
url: "http://localhost/Framework/library/php_files/check_car_name.php",
data: "carName=" + document.getElementById("carName").value,
success: function(html){
$("#checkname").html(html);
}
});
var currentHtml = $("#checkname").html();
var compareString = "Car name unavailable";
if (currentHtml==compareString) {
$("#submit").hide();
} else {
$("#submit").show();
}
}
所以,这在我看来应该很简单......我有一个通过Ajax帖子返回的有效JSON字符串:
{"success":true,"message":"Thank you! We value your feedback."}
而我只是想提醒我的"消息"值到我的结果回复:
success: function (result) {
alert(result);
var obj = $.parseJSON(result);
alert(obj.message);
},
error: function (req, status, error) {
alert("Sorry! We could not receive your feedback at this time.");
}
我的"obj"属性在某种程度上无法被识别.....我已经验证了JSON字符串以确保它是有效的,所以我在这里缺少什么？
我有这个代码,想知道所有那些event.client做什么？
document.body.ondblclick = function(){
var dclick = false;
if(event.clientX > 8 && event.clientX < 204){
if((event.clientY > 88 && event.clientY < 129) ||
(event.clientY > 129 && event.clientY < 171) ||
(event.clientY > 172 && event.clientY < 212) ||
(event.clientY > 213 && event.clientY < 255) ||
(event.clientY > 256 && event.clientY < 297) ||
(event.clientY > 297 && event.clientY < 339)){
dclick = true;
}
}
}
我有我元素的id.我需要将一个给定值(由javascript中的变量确定)添加到元素的css属性之一.即给出一个元素id=my_id如何添加x到该元素的margin-top属性？
我有以下脚本,它显示从服务器端页面返回到客户端页面的数据:
function getResults() {
var search;
search = $(".txtSearch").val();
$.ajax({
url: 'search.aspx',
type: 'POST',
data: { strPhrase:search },
error: function(xhr, status, error)
success: function(results)
{
$("#ResultsContainer").empty();
$("#ResultsContainer").append(results);
}
});
}
是否可以检查返回的结果是否被追加并对其进行更改？
例如,假设返回的结果是html,如下所示:
<div><a href="link1.xls">link 1</a></div>
<div><a href="link2.xls">link 2</a></div>
<div><a href="link3.doc">link 3</a></div>
<div><a href="link4.xls">link 4</a></div>
是否有可能检查.DOC中的链接,并删除周围的特定链接,只留下下面的全格？
<div><a href="link1.xls">link 1</a></div>
<div><a href="link2.xls">link 2</a></div>
<div><a href="link4.xls">link 4</a></div>
我在jsfiddle中有这个脚本,虽然我输入它应该显示下面的实时文本.
它是一个简单的脚本,但我似乎没有看到问题是什么,谢谢:))
编辑:从链接添加代码.
$(document).ready(function(){
$('#someTextBox').keyup(function(){
$('#target').html(this.val());
});
});
HTML
<textarea id="someTextBox"></textarea>
<div id="target"></div>
在提交ajax请求时,我想在发送之前切换一个类,在错误时将其切换回来,或者如果一切正常则保留它.但$(this)选择器似乎没有工作,我不知道为什么.我正在使用jQuery 1.4.3.
HTML
<a class="vote-down vote-down-112 state-3" data-postid="112" data-voteid="6">down</a>
JS
$('.vote-down').click(function() {
var voteData = '&postId=' + $(this).data('postId') + '&voteId=' + $(this).data('voteid');
$.ajax({
dataType: 'script',
url: "myURL" + "?format=js" + voteData,
error: function(XMLHttpRequest, textStatus, errorThrown) { $(this).toggleClass("status-3"); },
beforeSend: function(XMLHttpRequest) { $(this).toggleClass("status-3"); }
});
return false;
});
如何选择使用this元素的直接子元素？
像$(this).find('p')直接的孩子一样的东西.
更新:直接孩子和兄弟姐妹之间存在差异.
我已经在产品图片列表中添加了一个类,例如'productID_123',我想从最后得到这个数字.我需要这个尽可能动态的图像可能有多个类.这是我到目前为止所放在一起的,我想我几乎就是无法弄清楚IF:
$(".image").each(function(){
var classList = $(this).attr('class').split(/\s+/);
$.each( classList, function(index, item){
if (item === 'productID_') {
product_id = item.replace("productID_","");
fetchProductImages(product_id,this.width,this.height);
}
});
});
也许我可以强制它是一个返回的整数？
我不能使用data-*属性,因为页面是用XHTML Strict编写的,需要验证.