JQuery working on .html but not on .php

Question

I really thought at first that my code is not working.. but then i tried to create a very simple click event in a clean page and my jquery works on .html but when i open the .php on my XAMPP server it does nothing when it's clicked but it alerts the first one.

index.php

<html>

<head>

    <script src="js/jquery-3.2.0.min.js"></script>

</head>
<body>

<?php include "includes/widgets/login.php"; ?>

</body>
</html>

login.php

<script type="text/javascript">
$(document).ready(function() {
    alert("Something");
    t = clicked();
    $('#login').click(function() {
        alert("Login Alert!");
    });
    function clicked() {
        alert("I was clicked!");
    }
});
</script>

<input type="button" value="Login" id="login" onclick="clicked()">

@Siege21x it seems you added php page into html page? if it is it will not wotk — Death-is-the-real-truth
– Death-is-the-real-truth, Commented Apr 6, 2017 at 4:27
the onclick event is also not working but when i declared it on a variable it is working — sshanzel
– sshanzel, Commented Apr 6, 2017 at 4:27
@AlivetoDie, But it alert the message, atleast alert will work. siege21x, please check the browser console ( in developer tools ) for any error. — Shahzad Barkati
– Shahzad Barkati, Commented Apr 6, 2017 at 4:27

ampedo · Accepted Answer · 2017-04-06 05:09:58Z

1

place the function clicked(); outside from the document.ready();

answered Apr 6, 2017 at 5:09

ampedo

2512 silver badges19 bronze badges

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

1 Comment

sshanzel Over a year ago

Thank you for your response brother! But it seems to be the problem is with my computer :D i tried to send a message at console when i click the button and it reaches the log but it just doesnt want to show the message box. Thank you very much for the effort!

Naitik Kundalia · Accepted Answer · 2017-04-06 05:22:03Z

Change login code to following and it will work.

<script type="text/javascript">
$(document).ready(function() {
    alert("Something");

    t = clicked();
    $('#login').click(function() {
        alert("Login Alert!");
    });
});
function clicked() {
    alert("I was clicked!");
}
</script>

<input type="button" value="Login" id="login" onclick="clicked()">

Uncaught ReferenceError: clicked is not defined at HTMLInputElement.onclick (index.php:22)

This problem will also solved. I don't know properly but i thought that browser can't find function inside jquery.

JQuery create function when DOM is ready.But Control onclick property was read by browser while creating a page but they can't find the function becuse it was not ready yet

So I think procedure may be like :

1) Browser read the page and find the function.

2) JQuery ready event will fire.

Therichpost · Accepted Answer · 2017-04-07 11:33:53Z

0

Place your function like this:

<script type="text/javascript">
$(document).ready(function() {
alert("Something");
t = clicked();
$('#login').click(function() {
    alert("Login Alert!");
});

});
 function clicked() {
    alert("I was clicked!");
}
</script>

answered Apr 7, 2017 at 11:33

Therichpost

1,8132 gold badges15 silver badges19 bronze badges

1 Comment

sshanzel Over a year ago

Thank you for your response brother! But it seems to be the problem is with my computer :D i tried to send a message at console when i click the button and it reaches the log but it just doesnt want to show the message box. Thank you very much for the effort!

Collectives™ on Stack Overflow

JQuery working on .html but not on .php

3 Answers 3

1 Comment

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related