在html中創建圖像標籤並添加css

我在jQuery中創建了一個圖像，但邊界屬性似乎不起作用......我的語法錯了嗎？在html中創建圖像標籤並添加css

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': '' 
     });

我得到一個邊框，但是黑色而不是紅色。

來源

2012-03-07 Test Test

我覺得應該是：

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

這是一個很長一段時間我不使用「本地」 HTML border屬性，但我認爲這只是設置邊框的厚度。要定義所有你想要的屬性，你需要CSS，因此style屬性。

來源

2012-03-07 19:18:03 bfavaretto

這是唯一正確的答案。如果有人想知道誰投下了所有其他答案，那就是我，而我做到了，因爲所有其他答案都是錯誤的。僅供參考，您可以使用'css：{border：'2px solid red'}'，它將使用jQuery的'.css（）'方法。這樣你可以使用一個對象來設置多個樣式。 – 2012-03-07 19:31:21

嘗試合併的定義和使用attr方法來代替：

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

來源

2012-03-07 19:16:54 xandercoded

-2

只是一個建議：你嘗試過使用十六進制顏色代碼爲紅？＃FF0000

來源

2012-03-07 19:17:54

$(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/

來源

2012-03-07 19:35:41 peng

在html中創建圖像標籤並添加css

回答

相關問題