I have four php pages:
header.php
demo1.php
demo2.php
demo3.php
I am including header.php
in every page i.e demo1.php
, demo2.php
and demo3.php
. I included common JavaScript required for demo1.php
, demo2.php
and demo3.php
in header.php
.
header.php
code:
<script type="text/javascript" src="jscript/jquery.js"></script>
<script type="text/javascript" language="javascript">
$(function(){
$("#btn1").click(function(){
console.log("btn1 clicked");
});
$("#btn2").click(function(){
console.log("btn2 clicked");
});
});
</script>
btn1
and btn2
elements are not declared in header.php
, but they are declared in included pages like demo1.php
, demo2.php
and demo3.php
.
demo1.php
code:
<?php include "header.php";?>
<input type="button" id="btn1" value="check"/>
<input type="button" id="btn2" value="check"/>
This demo1.php
page works in all browsers except in IE.
In IE it showing error Object expected at $("btn1").click(function(){});
.
Can any one help me achieving this problem?