2015-09-10 30 views
0
var imgadd = $("<img/>",{ 
     src:"../img/Koala.jpg", 
     alt:"Koala", 
     id:"koala", 
     click:function(){$(this).css("opacity","50%");}, 
     mouseenter:function(){$(this).css("hight","200px")} 
    }) 
    $("body").append(imgadd); 

为什么它不工作?我有点pizzled ...jQuery事件处理程序不起作用?

+1

什么不起作用? – guradio

+0

这是什么库? – MortenMoulder

+0

什么是错误,发布错误行:)...有助于非常清楚地了解所有开发人员的问题。 – vinodh

回答

2

的代码在结构上是正确的,问题是,你做了两个错字的。

  1. opacity取值介于0和1之间,不是百分比。
  2. height拼错了。

这里的代码,将工作:

var imgadd = $("<img/>",{ 
    src:"http://idordt.nl/wp-content/uploads/2014/06/wk-koala.jpg", 
    alt:"Koala", 
    id:"koala", 
    click:function(){$(this).css("opacity","0.5");}, 
    mouseenter:function(){$(this).css("height","200px")} 
}) 
$("body").append(imgadd); 

而且一个的jsfiddle:http://jsfiddle.net/jaredcrowe/3fvht8s2/

+1

这。这是唯一正确的答案。被抓住了。 – Abhitalks

+0

谢谢!我可怜的英语...... –

+0

不客气 – mplungjan

2

将值更改为0到1

var imgadd = $("<img/>",{ 
 
\t \t \t src:"http://idordt.nl/wp-content/uploads/2014/06/wk-koala.jpg", 
 
\t \t \t alt:"Koala", 
 
\t \t \t id:"koala", 
 
\t \t \t click:function(){alert("hello");$(this).css("opacity","0.2");}, 
 
\t \t \t mouseenter:function(){$(this).css("height","200px")} 
 
\t \t }) 
 
\t \t $("body").append(imgadd);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

+0

我会让你实施我的改变:))) – mplungjan