Я новичок в jquery плагинах.Я прочитал несколько статей и решил попробовать свои силы.Плагин, который я написал, выдвигает на первый план элемент на зависании.Вот код моего плагина.
// file name hello.js
(function($){
$.fn.hello=function(option){
var opts=$.extend({},$.fn.defaults,option);
return this.each(function(){
$this=$(this);
$this.hover(
function(){$this.css({'border-bottom':opts.borderbottom,'background-color':opts.background})},
function(){$this.css({'border-bottom':'0px','background-color':'#fff'})});
})
}
$.fn.defaults ={
borderbottom: "1px solid #999",
background : "#CCC"
}
})(jQuery);
, а вот HTML:
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script src="jquery-1.7.2.js"></script>
<script src="hello.js"></script>
<script>
$(document).ready(function(){
$('ul.class1 li').hello();
});
</script>
</head>
<body>
<ul class="class1">
<li>SOMETEXT</li>
<li>SOMETEXT</li>
<li>SOMETEXT</li>
<li>SOMETEXT</li>
<li>SOMETEXT</li>
</ul>
</body>
</html>
и теперь проблема:
Я не знаю, что происходит не такздесь, но код выделяет только последний элемент списка.любая помощь будет высоко оценена.