[jQuery] Can't figure out why click function won't work for lifeimage
I've spent a good bit of time trying to figure this out, so I figure
now it's time to go to the forum. I've trying to make lifeimage
clickable so I can do other stuff with it, but I can't even seem to
get the click event to function. Code is below.
Code:
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN http://
www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd
html xmlns=http://www.w3.org/1999/xhtml; xml:lang=en lang=en
head
meta http-equiv=Content-Type content=text/html;
charset=iso-8859-1 /
titleVamp's World/title
link href=css_style/vamp_style.css rel=stylesheet type=text/
css /
script type=text/javascript src=./javascript/jquery.js/
script
script type=text/
javascript
$(document).ready(function() {
// JQUERY stuff goes here
$('div#menu').hide();
$('#lifeimage').click(function() {
$(this).hide();
});
});
/script
/head
body
div id=bodybox
div id=header
div id=logo/div
div id=advertise
img src=images/snowball.gif
style=width:468px;height:60px; alt=Example Ad /
/div!-- end advertise --
div id=top_link
img src=images/top_menu_01.png
id=lifeimage style=width:74px;height:34px;border:1px solid green;
alt=Life Menu /
a href=#img src=images/
top_menu_02.png id=Image11 style=width:103px;height:34px;border:
0px;margin-left:-5px; alt=Literature Menu //a
a href=#img src=images/
top_menu_03.png id=Image12 style=width:88px;height:34px;border:
0px;margin-left:-5px; alt=Poetry Menu //a
a href=#img src=images/
top_menu_04.png id=Image13 style=width:75px;height:34px;border:
0px;margin-left:-5px; alt=Media Menu //a
a href=#img src=images/
top_menu_05.png id=Image14 style=width:102px;height:34px;border:
0px;margin-left:-5px; alt=Option 1 Menu //a
a href=#img src=images/
top_menu_06.png id=Image15 style=width:103px;height:34px;border:
0px;margin-left:-5px; alt=Option 2 Menu //
a
/div!-- end top_link --
/div!-- end header --
div id=main_body_box
div id=bar
img src=images/menu_2.png alt=menu_2
(7K) style=border:0px;width:436px;height:25px; /
/div!-- end bar --
div id=content
div id=leftframe
!-- This is the left menu, which is a
stack of books --
? include(./left_menus/
social_menu.php); ?
div id=frame
div id=ad_content
div style=width:144px;text-
align:center
object type=application/x-
shockwave-flash
data=http://twitter.com/
flash/twitter_badge.swf
width=144
height=176
param name=movie
value=http://twitter.com/flash/twitter_badge.swf; /
param name=flashvars
value=color1=26112amp;type=useramp;id=wtvamp /
param name=wmode
value=transparent /
param
name=allowScriptAccess value=always /
param name=pluginspage
value=http://www.macromedia.com/go/getflashplayer; /
/object
a style=font-
size: 10px; color: #00; text-decoration: none href=http://
twitter.com/WTVampfollow WTVamp at http://twitter.com/a
/div
/div!-- end ad_content --
/div!-- end frame --
/div!-- end leftframe --
div id=body
div id=body_content
div id=content_heading
div
id=pg_heading
img src=./
images/comingsoon.png alt=Coming Soon...Vamp's World Returns... /
/div!-- end
pg_heading --
/div!-- end content_heading
--
div id=content_main
div
id=internal_content
h2THE
SURROUNDING WATERS/h2
p He walked alone on
[jQuery] Can't figure out why click function won't work for lifeimage
I've spent a good bit of time trying to figure this out, so I figure
now it's time to go to the forum. I've trying to make lifeimage
clickable so I can do other stuff with it, but I can't even seem to
get the click event to function. Code is below.
Code:
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN http://
www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd
html xmlns=http://www.w3.org/1999/xhtml; xml:lang=en lang=en
head
meta http-equiv=Content-Type content=text/html;
charset=iso-8859-1 /
titleVamp's World/title
link href=css_style/vamp_style.css rel=stylesheet type=text/
css /
script type=text/javascript src=./javascript/jquery.js/
script
script type=text/
javascript
$(document).ready(function() {
// JQUERY stuff goes here
$('div#menu').hide();
$('#lifeimage').click(function() {
$(this).hide();
});
});
/script
/head
body
div id=bodybox
div id=header
div id=logo/div
div id=advertise
img src=images/snowball.gif
style=width:468px;height:60px; alt=Example Ad /
/div!-- end advertise --
div id=top_link
img src=images/top_menu_01.png
id=lifeimage style=width:74px;height:34px;border:1px solid green;
alt=Life Menu /
a href=#img src=images/
top_menu_02.png id=Image11 style=width:103px;height:34px;border:
0px;margin-left:-5px; alt=Literature Menu //a
a href=#img src=images/
top_menu_03.png id=Image12 style=width:88px;height:34px;border:
0px;margin-left:-5px; alt=Poetry Menu //a
a href=#img src=images/
top_menu_04.png id=Image13 style=width:75px;height:34px;border:
0px;margin-left:-5px; alt=Media Menu //a
a href=#img src=images/
top_menu_05.png id=Image14 style=width:102px;height:34px;border:
0px;margin-left:-5px; alt=Option 1 Menu //a
a href=#img src=images/
top_menu_06.png id=Image15 style=width:103px;height:34px;border:
0px;margin-left:-5px; alt=Option 2 Menu //
a
/div!-- end top_link --
/div!-- end header --
div id=main_body_box
div id=bar
img src=images/menu_2.png alt=menu_2
(7K) style=border:0px;width:436px;height:25px; /
/div!-- end bar --
div id=content
div id=leftframe
!-- This is the left menu, which is a
stack of books --
? include(./left_menus/
social_menu.php); ?
div id=frame
div id=ad_content
div style=width:144px;text-
align:center
object type=application/x-
shockwave-flash
data=http://twitter.com/
flash/twitter_badge.swf
width=144
height=176
param name=movie
value=http://twitter.com/flash/twitter_badge.swf; /
param name=flashvars
value=color1=26112amp;type=useramp;id=wtvamp /
param name=wmode
value=transparent /
param
name=allowScriptAccess value=always /
param name=pluginspage
value=http://www.macromedia.com/go/getflashplayer; /
/object
a style=font-
size: 10px; color: #00; text-decoration: none href=http://
twitter.com/WTVampfollow WTVamp at http://twitter.com/a
/div
/div!-- end ad_content --
/div!-- end frame --
/div!-- end leftframe --
div id=body
div id=body_content
div id=content_heading
div
id=pg_heading
img src=./
images/comingsoon.png alt=Coming Soon...Vamp's World Returns... /
/div!-- end
pg_heading --
/div!-- end content_heading
--
div id=content_main
div
id=internal_content
h2THE
SURROUNDING WATERS/h2
p He walked alone on
