小编use*_*734的帖子

如何在Ajax加载后执行javascript?

我需要在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)

html javascript css ajax jquery

5
推荐指数
1
解决办法
1万
查看次数

动态替换url参数

我有一个脚本,可以添加点击元素的值.但是 - 我想在点击时将值替换为新值.

例:

<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 …

javascript jquery

5
推荐指数
1
解决办法
167
查看次数

标签 统计

javascript ×2

jquery ×2

ajax ×1

css ×1

html ×1