jQuery only works in .html file and it doesn't work in .PHP file?

Question

I have an HTML file with a simple jQuery highlight effect in it.

This works fine. But when i change the extension of the file from .html to .php and I upload it to my server, it just doesn't work.

by it doesn't work i mean it doesn't highlight the Div.

Here's the code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<style>
div {
width: 100px;
height: 100px;
}
</style>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<script type="text/javascript" src="hflip.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<div id="counter"></div>
<form>
<input name="ajaxlink" type="button" id="ajaxlink" class="ajaxlink" />
</form>
<script>
$( '#ajaxlink' ).click(function() {
$( "#counter" ).effect( "highlight", "slow" );
});
</script>
</body>
</html>

what am I doing wrong? why it works fine in an HTML file and it doesn't in a .PHP file?

What exactly happens when you change the extension to PHP and load it? Are you sure your server supports PHP? — Jonathon
– Jonathon, Commented Oct 3, 2013 at 12:51
you sure this is your code, as it is giving an Typeerror $(...).effect is not a function ? — Sunil Verma
– Sunil Verma, Commented Oct 3, 2013 at 12:51
@JonathonHenderson, nothing happens. when i click the button it doesn't highlight the Div as it should. and yes, my server supports PHP. — user2808228
– user2808228, Commented Oct 3, 2013 at 12:52
Why are you trying to load jQuery twice? Are there any errors on the JavaScript console? — David
– David, Commented Oct 3, 2013 at 12:52

Nibin · Accepted Answer · 2013-10-03 12:58:05Z

0

Remove this script and run your code.. :)

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

answered Oct 3, 2013 at 12:58

Nibin

3,9602 gold badges22 silver badges40 bronze badges

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

Comments

Sunil Verma · Accepted Answer · 2013-10-03 13:06:38Z

0

just replace :

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>

with

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

and remove the last script inclusion

Working fine with PHP file extension too..

Please check

edited Oct 3, 2013 at 13:06

answered Oct 3, 2013 at 12:57

Sunil Verma

2,5001 gold badge17 silver badges15 bronze badges

Comments

Jerald · Accepted Answer · 2013-10-03 13:09:14Z

0

There is no <body> (open tag). and twice inclusion of jquery

answered Oct 3, 2013 at 13:09

Jerald

3431 silver badge10 bronze badges

Collectives™ on Stack Overflow

jQuery only works in .html file and it doesn't work in .PHP file?

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