イメージタグをHTMLで作成してCSSを追加

Question

jQueryでイメージを作成していますが、境界線の属性が機能していないようです...構文が間違っていますか？

var img = 
     $('<img>', { 
      'title': 'Event (Event '+wavy_counter+')', 
      'class': 'listed_event', 
      'id': 'wavy_event_'+wavy_counter+'', 
      'data-count': ''+wavy_counter+'', 
      'src': 'final_tutorial_buttons/wavy.png', 
      'height': '50', 
      'width': '50', 
      'border': 'solid', 
      'border': '2px', 
      'border': 'red', 
      'onclick': 'highlight.call(this);', 
      'data-start': '', 
      'data-end': '' 
     }); 

私はボーダーを取得しますが、赤ではなく黒です。

Answer 1

は、私はそれがあるべきだと思います。必要なすべてのプロパティを定義するには、CSSが必要です。したがって、style属性が必要です。

Answer 2

は、定義を組み合わせて、代わりにattr方法を使用してみてください：

$('<img />').attr({ 
    /* ... definitions ... */, 
    src : 'final_tutorial_buttons/wavy.png', 
    style : 'border:2px solid red;', 
    /* ... definitions ... */, 
}); 

Answer 3

だけの提案：あなたは赤用六角カラーコードを使用してみましたが？

'style': 'border: 2px solid red', 

は、それは私が「ネイティブ」HTML border属性を使用していない長い時間がかかったが、私はそれが唯一の境界線の太さを設定しますと思う：＃FF0000

Answer 4

$(document).ready(function() { 

    var img = $("<img />").attr("src","http://static.jquery.com/files/rocker/images/logo_jquery_215x53.gif").css({border: "2px solid red"}); 


    $("body").append(img); 

}); 

デモ：http://jsfiddle.net/CXn6v/