[FRAGE] Javascript function - Erst nach 1 Sekunde ausführen - oder 2 Function hintereinander

[LikeStar]

Hallo ihr Spezialisten,

ich war gerade dabei, mein Template, welches ich erworben habe, anzupassen.
Treble - One Page Responsive Theme - Gridelicious.net

das JS Script:

$(document).ready(function () {
    $(window).height();
    var b = $(window).width(),
        a = $("#navigation").outerHeight();
    $(window).resize(function () {
        b = $(window).width();
        $(window).height()
    });
    $(window).trigger("scroll");
    $("#navigation").fixedonlater({
        speedDown: 250,
        speedUp: 100
    });
    $(".centralized").centralized({
        delay: 1500,
        fadeSpeed: 500
    });
    $.fn.responsivevideos();
    $("#quote-slider").each(function () {
        $(".item", this).length && $(this).carousel({
            interval: 2E4
        })
    });
    $("#main-menu").onePageNav({
        currentClass: "active",
        changeHash: !1,
        scrollOffset: a - 10,
        scrollThreshold: 0.5,
        scrollSpeed: 750,
        filter: "",
        easing: "swing"
    });
    980 < b && ($("#page-welcome").parallax("0%", 0.2), $("#page-features").parallax("0%", 0.07), $("#page-twitter").parallax("0%", 0.1));
    "undefined" != typeof window.ontouchstart && $.each([".social-icons a", ".portfolio-items li", ".about-items .item"], function (b, a) {
        $(a).each(function (b, a) {
            $(a).bind("click", function (a) {
                $(this).hasClass("clickInNext") ? $(this).removeClass("clickInNext") : (a.preventDefault(), a.stopPropagation(), $(this).mouseover(),
                    $(this).addClass("clickInNext"))
            })
        })
    });
    $("#page-welcome .logo a").click(function () {
        $("html, body").animate({
            scrollTop: $($.attr(this, "href")).offset().top - a + 4
        }, 800);
        setTimeout(function () {
            $(window).trigger("scroll")
        }, 900);
        return !1
    });
    $("#welcome-messages ul").bxSlider({
        mode: "vertical",
        auto: !0,
        minSlides: 1,
        responsive: !0,
        touchEnabled: !0,
        pager: !1,
        controls: !1,
        useCSS: !1,
        pause: 1E4
    });
    $(".plugin-filter").click(function () {
        return !1
    });
    $(".plugin-filter-elements").mixitup({
        targetSelector: ".mix",
        filterSelector: ".plugin-filter",
        sortSelector: ".sort",
        buttonEvent: "click",
        effects: ["fade", "rotateY"],
        listEffects: null,
        easing: "smooth",
        layoutMode: "grid",
        targetDisplayGrid: "inline-block",
        targetDisplayList: "block",
        gridClass: "",
        listClass: "",
        transitionSpeed: 600,
        showOnLoad: "all",
        sortOnLoad: !1,
        multiFilter: !1,
        filterLogic: "or",
        resizeContainer: !0,
        minHeight: 0,
        failClass: "fail",
        perspectiveDistance: "3000",
        perspectiveOrigin: "50% 50%",
        animateGridList: !0,
        onMixLoad: null,
        onMixStart: null,
        onMixEnd: null
    });
    $("#twitterfeed-slider").tweet({
        modpath: "plugins/twitter/",
        username: "TheGridelicious",
        count: 3
    });
    $("#twitterfeed-slider").tweetCarousel({
        interval: 7E3,
        pause: "hover"
    })
});
$(document).ajaxSend(function () {
    0 == $(".loading").length && ($("body").append('<div class="loading"><div class="progress progress-striped active"><div class="bar"></div></div></div>'), $(".loading").slideDown(), $(".loading .progress .bar").delay(300).css("width", "100%"))
});
$(document).ajaxComplete(function () {
    $(".loading").delay(1E3).slideUp(500, function () {
        $(this).remove()
    });
    $(".close-portfolio span").click(function (b) {
        $(".portfolio-item-details").delay(500).slideUp(500, function () {
            $(this).remove()
        });
        window.location.hash = "!";
        return !1
    })
});

und mein HTML Link:

<li>
<a href="#" onclick="Aendern1();laden1();" class="plugin-filter" data-filter="telemedien" >TELEMEDIEN & INTERACTIVE MEDIA</a>
</li>

Ich habe des Weiterein noch ein laden1(); mit eingebaut, welches aber ZUERST ausgeführt werden soll, 1 Sekunde später, soll dann
anschließend dieser "plugin-filter" statt finden.

Ich hoffe ich konnte es einigermaßen einfach erklären.

Meint ihr es würde klappen?
LG

 

[mikdoe]

Willst du den oberen Code nicht ein bisschen optisch strukturieren? Wer soll sich denn da durchwühlen?

 

[LikeStar]

Willst du den oberen Code nicht ein bisschen optisch strukturieren? Wer soll sich denn da durchwühlen?

Du hast recht. Ich werde diesen Code natürlich optisch schöner gestalten.

Ich habe das Script nicht geschrieben. Aber ich kann es natürlich verstehen.

 

[mikdoe]

Schicke es mal durch den JS Beautifier und dann änderst es in Beitrag 1 einfach ab.

 

[LikeStar]

Schicke es mal durch den JS Beautifier und dann änderst es in Beitrag 1 einfach ab.

Seit wann gibt es einen JS Beautifier? Ist ja unglaublich. Beitrag wurde aktualisiert.
LG

 

[mikdoe]

Seit wann gibt es einen JS Beautifier?

Lange. Wie lange weiß ich nicht.

Ist ja unglaublich.

Warum?

Beitrag wurde aktualisiert.
LG

Sehr gut, danke dir

 

[LikeStar]

Du brauchst dich nicht zu bedanken. Freue mich über Unterstützung.

 

[LikeStar]

im prinzip müsste als Erstes der Link:

window.location.href = '#pages/portfolio/readmore.html'

aufgerufen werden, und anschließend erst dann darf der "plugin-filter" von der JS Datei mitwirken.
Hat jmd. vielleicht eine Idee?

 

[j-l-n]

Du musst die beiden Codestellen in eine eigene Funktion packen und dann erst danach aufrufen.

 

[tsseh]

im prinzip müsste als Erstes der Link:
...
aufgerufen werden, und anschließend erst dann darf der "plugin-filter" von der JS Datei mitwirken.

das würde ich über mixStart versuchen

 

[Sempervivum]

1 Sekunde später

Dafür brauchst Du setTimeout:
SELFHTML: JavaScript / Objektreferenz / window

 

[LikeStar]

Ich sollte mich langsam mit Javascript ausführlicher beschäftigen -.-