设置图像Obejct的jQuery

Question

的属性我有一个图片对象如下

 

var img_BlinkingGreen = new Image(); 
img_BlinkingGreen.src = "Images/UIFiles/transparent-area.gif"; 

我想设置图像对象和类和click事件的属性。我怎样才能做到这一点。 我做这样的，但它给我一个错误

 

    img_BlinkingGray.attr({ 
          position: "absolute", 
          opacity: ".1", 
          height: height, 
          width: width, 
          left: left, 
          top: top, 
          class: lnk_question 
         }).onclick("GoToStep('" + nextAns + "');"); 

我怎样才能做到这一点。

Answer 1

没有人发布正确的答案。

• 你必须使用.css()设置样式，
• .attr()设置属性。
• 要使用特定参数设置onclick处理函数，可以使用click + .attr("data-nextAns")（或.data()，如果您的jQuery版本支持它）。

代码：

var img_BlinkingGray = $("<img">).css({ 
     position: "absolute", 
     opacity: ".1", 
     height: height, 
     width: width, 
     left: left, 
     top: top 
    }).attr({ 
     class: lnk_question, 
     src: "Images/UIFiles/transparent-area.gif", 
     "data-nextAns": nextAns 
    }).click(function(){ 
     GoToStep($(this).attr("nextAns")); 
    }); 
//To append the image, you can use something like this: 
img_BlinkingGray.appendTo("body"); 

Answer 2

img_BlinkingGreen不是一个jQuery对象，直到你把它作为一个。

$(img_BlinkingGray).attr({ 
         position: "absolute", 
         opacity: ".1", 
         height: height, 
         width: width, 
         left: left, 
         top: top, 
         class: lnk_question 
        }).click(function(){ GoToStep(nextAns); }); 

应该工作:)

编辑：注意到你的点击处理程序是时髦了。如果您仍然遇到问题，请逐个尝试各个jQuery命令。

Answer 3

你只能在jQuery对象上使用jQuery函数。像这样创建的图像：

$("<img>") 
    .attr({ 
     'src': 'Images/UIFiles/transparent-area.gif', 
     // modify all the other attributes here too 
    }) 
    .click(function(){ 
     // jquery uses click, not onclick 
    }); 

虽然通常建议使用bind()，delegate()，或on()事件处理。在jQuery 1.7中添加了on()。