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

Question

我在从名为查询的 AJAX 启动脚本时遇到问题。

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

知道为什么“.jobs-button”没有在“隐藏/显示”脚本中触发吗？

如果我的解释不清楚，这里有一个演示:http://pixeldesigns.uk/ardour/jobs

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

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);
});

第二个运行 AJAX 以在页面加载和按钮单击时调用脚本，该脚本运行查询并显示正确的帖子:

jQuery(window).load(function () {
    jQuery('#load').show();
    jQuery.ajax({
        url: "<?php echo get_stylesheet_directory_uri(); ?>/ajax/sales.php",
        type: "get",
        success: function (e) {
            document.getElementById("tab-1").innerHTML = e;
            jQuery('#load').hide();
        },
        error: function (e, t) {
            e.status > 0 && (document.getElementById("tab-1").innerHTML = "Error: " + t);
        }
    })
});

jQuery("#tb-1").click(function () {
    jQuery('#load').show();
    jQuery.ajax({
        url: "<?php echo get_stylesheet_directory_uri(); ?>/ajax/sales.php",
        type: "get",
        success: function (e) {
            document.getElementById("tab-1").innerHTML = e;
            jQuery('#load').hide();
        },
        error: function (e, t) {
            e.status > 0 && (document.getElementById("tab-1").innerHTML = "Error: " + t);
        }
    })
});

Answer 1

我使用 Firebug 发现这段代码出错，因为没有元素“#flow”。也许此页面不需要此代码，因为它用于流程图？

// Flow Chart

            jQuery.ajax(jQuery(window).width()<989?{url:"http://pixeldesigns.uk/ardour/wp-content/themes/ardour/ajax/flow-small.php",type:"get",success:function(e){document.getElementById("flow").innerHTML=e},error:function(e,n){e.status>0&&(document.getElementById("flow").innerHTML="Error: "+n)}}:{url:"http://pixeldesigns.uk/ardour/wp-content/themes/ardour/ajax/flow-big.php",type:"get",success:function(e){document.getElementById("flow").innerHTML=e},error:function(e,n){e.status>0&&(document.getElementById("flow").innerHTML="Error: "+n)}});