Can't call JavaScript Function from JQuery

Question

I am trying to call my JavaScript Function from my jQuery Function, but it does not seem to be calling the function showMain() at the end of the jQuery.

See below: I am trying to Call the showMain() function at the end of the .click function. Code:

$(document).ready(function () {  
        $('.slideshowExit').click(function () {
                setTimeout(function() {
                    $("#welcomeText").fadeOut(2000);
                },1000);
            $("#welcomePage").css("display", "none");

            //The function I am trying to Call
            showMain();
            });    




    function showMain() {
        var main= document.getElementById("mainDiv");
        main.style.display = 'block';

It should work..Look at the fiddle jsfiddle.net/bLjLz0m5/1 In your case it is not working because of other conditions or errors — Suresh Ponnukalai
– Suresh Ponnukalai, Commented Oct 27, 2017 at 5:02
Just cleanup and align your code correctly and you'll see the errors by yourself. — Dawid Zbiński
– Dawid Zbiński, Commented Oct 27, 2017 at 5:06

laxman · Accepted Answer · 2017-10-27 05:23:20Z

4

You should use an anonymous function.

$(document).ready(function () {
    $('.slideshowExit').click(function () {
        setTimeout(function () {
            $("#welcomeText").fadeOut(2000);
        }, 1000);
        $("#welcomePage").css("display", "none");

        //The function I am trying to Call
        showMain();
    });
});


var showMain = function () {
    var main = document.getElementById("mainDiv");
    main.style.display = 'block';
};

answered Oct 27, 2017 at 5:23

laxman

1,3632 gold badges10 silver badges27 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Ichigo Kurosaki · Accepted Answer · 2017-10-27 05:07:37Z

1

There is a mistake with your function definition. Please use the closing "}" bracket after the function.

I am trying to call my JavaScript Function from my jQuery Function, but it does not seem to be calling the function showMain() at the end of the jQuery.

See below: I am trying to Call the showMain() function at the end of the .click function. Code:

$(document).ready(function () {  
    $('.slideshowExit').click(function () {
       setTimeout(function() {
       $("#welcomeText").fadeOut(2000);
    },1000);

    $("#welcomePage").css("display", "none");
    //The function I am trying to Call
    showMain();
 });    

function showMain() {
    var main= document.getElementById("mainDiv");
    main.style.display = 'block';
}

edited Oct 27, 2017 at 5:07

Ichigo Kurosaki

3,8539 gold badges43 silver badges57 bronze badges

answered Oct 27, 2017 at 5:02

Mobashir

4302 gold badges9 silver badges26 bronze badges

Comments

Ankit Pandey · Accepted Answer · 2017-10-27 05:11:07Z

1

Runnable Code:

$(document).ready(function () {
    $('.slideshowExit').click(function () {
        setTimeout(function () {
            $("#welcomeText").fadeOut(500);
        }, 1000);
        $("#welcomePage").css("display", "none");

        //The function I am trying to Call
        showMain();
    });
})



    function showMain() {
        var main = document.getElementById("mainDiv");
        main.style.display = 'block';
    }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>

<div class="slideshowExit">
  Click Here
</div>

<div id="mainDiv">
  <div id="welcomeText">Welcome to India</div>
</div>

answered Oct 27, 2017 at 5:11

Ankit Pandey

6504 silver badges18 bronze badges

Collectives™ on Stack Overflow

Can't call JavaScript Function from JQuery

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related