我需要在ajax加载后添加一个类.我首先给几个元素一个"准备好"的类,它启动一个css转换.单击链接li#menu-item-318 a时,它将删除ready类,然后反转css转换,然后加载新的html文档.在Aja加载中,我再次想要将ready类添加到Ajax调用插入的相同元素中.
下面的代码有一个回调来添加就绪类,它可以工作.但是当Ajax加载其设置时,Ready类太早,所以没有转换,即使我设置了应该绘制的线.
我觉得它更好我有一个脚本,用于在html中设置我的过渡元素的类,由ajax调用以实现我想要的效果 - 但这不起作用.那我该怎么办?
演示:http://svensson.streetstylizm.com/点击摄影 - 宝丽来链接,了解它如何反转动画,加载页面然后只显示线条.
码:
$(function () {
$('.v-line, .h-line, .nav, #ban_image img').addClass('ready');
});
$('li#menu-item-318 a').click(function (e) {
e.preventDefault();
var linkNode = this;
$('.v-line, .h-line, #ban_image img')
.removeClass('ready')
.one('webkitTransitionEnd otransitionend oTransitionEnd msTransitionEnd transitionend',
function (e) {
$(".js-pageTransition").load("photo.html .test> *");
});
});
Run Code Online (Sandbox Code Playgroud) 我有一个脚本,可以添加点击元素的值.但是 - 我想在点击时将值替换为新值.
例:
<ul class="acfilter">
<li><a href="reset">reset</a></li>
<li><a href="One">One</a></li>
<li><a href="Two">Two</a></li>
</ul>
Run Code Online (Sandbox Code Playgroud)
脚本
$(document).ready(function() {
$('ul.acfilter li a').on('click', function(e) {
e.preventDefault();
if ($(this).attr('href') != "reset") {
if (location.href.indexOf('?') === -1) {
location.href = location.href + "?fss=" + $(this).attr('href');
} else {
location.href = location.href + "+" + $(this).attr('href');
}
} else {
location.href = location.origin + location.pathname;
}
});
});
Run Code Online (Sandbox Code Playgroud)
第一个参数onclick给出?fss=one
了第二个点击你得到的?fss=one+two
.重置链接清除它.
但是 - 我想用点击上的"两个"值替换"一"值.该值是动态的 - 所以我不能只使用已知值执行If/Else url.replace.
我该怎么做呢?
编辑:
忘记提及url中可以有其他参数.例:
首先点击给出
?fss=one
Run Code Online (Sandbox Code Playgroud)
并且当做一个给出我提到的其他参数的动作时,它给出了:
?param=list&fss=one
Run Code Online (Sandbox Code Playgroud)
这是正确的使用用户brijesh …