冲突的AJAX& JQuery脚本 - 没有错误

时间:2015-06-11 07:48:27

标签: javascript jquery ajax

我在从AJAX调用查询启动脚本时遇到问题。

AJAX工作正常并加载帖子,但它阻止了“.jobs-button”能够运行所需的脚本。奇怪的是,如果我将它设置为AJAX之外的另一个元素,称为查询块,那么脚本工作正常。

为什么“.jobs-button”不会在“隐藏/显示”脚本中触发?

这是一个演示,我的解释不明确:http://pixeldesigns.uk/ardour/jobs

这第一个脚本是一个简单的“显示/隐藏”:

str

第二个运行AJAX以在页面加载和按钮单击上调用脚本,该按钮单击运行查询并带来正确的帖子:

jQuery(".jobs-button").toggle(function () {
    jQuery(".jobs-main").slideDown(500);
    jQuery(".jobs-head")
        .delay(500)
        .queue(function () {
            jQuery(this).removeClass("jobs-closed");
            jQuery(this).addClass("jobs-open");
            jQuery(this).dequeue();
        });

    jQuery(".fa-chevron-down")
        .delay(500)
        .queue(function () {
            jQuery(this).removeClass("rotate");
            jQuery(this).addClass("rotated");
            jQuery(this).dequeue();
        });
    jQuery(".jobs-intro, .jobs-desc, .jobs-qual, .jobs-bul").delay(500).animate({
        'opacity': 1
    }, 500);
}, function () {
    jQuery(".jobs-main").delay(500).slideUp(500);
    jQuery(".jobs-head")
        .delay(1000)
        .queue(function () {
            jQuery(this).addClass("jobs-closed");
            jQuery(this).removeClass("jobs-open");
            jQuery(this).dequeue();
        });

    jQuery(".fa-chevron-down")
        .delay(1000)
        .queue(function () {
            jQuery(this).removeClass("rotated");
            jQuery(this).addClass("rotate");
            jQuery(this).dequeue();
        });

    jQuery(".jobs-intro, .jobs-desc, .jobs-qual, .jobs-bul").animate({
        'opacity': 0
    }, 500);
});

1 个答案:

答案 0 :(得分:0)

使用Firebug我发现这段代码是错误的,因为没有元素" #flow"。也许在这个页面上不需要这个代码,因为它是一个流程图?

while(!flag){
     sleep(some_int);
}