<style>
.entered{font-size:36px;width:200px;height:100px;}
-sharptest{border:2px solid red;background:-sharpfdd;width:60px;height:60px;}
</style>
</head>
<body>
<div id="test"></div>
<script>
$("-sharptest").bind("mouseenter mouseout",function(event){
$(this).toggleClass("entered");
alert("(" + event.pageX + "," + event.pageY + ")");
});
</script> the simple jquery,
issu1
.notify {font-size:36px;width:200px;height:100px;}
font-size:36px; works, so why doesn"t width:200px;height:100px; work?
issue2
$(this) .toggleClass ("entered"); Why run after
alert ("mouse pointer over (" + event.pageX + "," + event.pageY + "));?
how to make $(this) .toggleClass ("entered"); after running, execute alert?