Button Click event fire immediately on page load in jQuery

siddango...

SOLVED CLOSED ACTIVE ANSWERED
User: siddangoud
Posted: on May 02, 2020 11:01 AM
Forum: jQuery and jQuery Plugins
Replies: 1
Views: 11807

hi all

i have code below like this in jquery

i am geting out put alert("hi and bye");

code:

<!DOCTYPE html>
<html>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
    <script>
        $(document).ready(function () {
            var g = {
                a: "ram", d: function () { alert("hi  and   bye"); }
            }
            $("#hide").click(g.d());
        });
    </script>
</head>
<body>
    <p>If you click on the "Hide" button, I will disappear.</p>
    <button id="hide">Hide</button>
</body>
</html>

but this out put i am geting while loading ,

i did not click the button,

so what is reason.

Download FREE API for Word, Excel and PDF in ASP.Net

dharmend...

0 1

Reply
User: dharmendr
Replied: on May 02, 2020 11:03 AM
Report

Hi siddangoud,

The code you have written triggers button click event on document ready event. You need to write like below.

HTML

<!DOCTYPE html>
<html>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
    <script>
        $(document).ready(function () {
            var g = {
                a: "ram", d: function () { alert("hi  and   bye"); }
            }
            $("#hide").click(function () {
                g.d();
            });
        });
    </script>
</head>
<body>
    <p>If you click on the "Hide" button, I will disappear.</p>
    <button type="button" id="hide">Hide</button>
</body>
</html>

Demo

I agree, here is the link: https://www.e-iceblue.com/Introduce/spire-office-for-net-free.html

Button Click event fire immediately on page load in jQuery

Company

Explore

Follow us

Contact Us