使用jquery將圖像添加到div

當用戶在頁面上向下滾動時，我有一個粘性菜單/浮動條...使用jQuery我將浮動條添加到＃menu-wrapper。使用jquery將圖像添加到div

我的目標是在錨點中添加一個圖像，同時添加浮動標籤類，以便標誌也位於浮動條上。

if ($(window).scrollTop() > $header_top_pos) { 
    $("#menu-wrapper").addClass("floater-bar"); 
} else { 
    $("#menu-wrapper").removeClass("floater-bar"); 
}

我曾嘗試以下：

$("#menu-wrapper").append("<a href="#"><img src="image" /></a>");

嘗試。新增和.prepend以及

它使整個腳本失敗，因爲浮子杆類不再被添加到菜單。

來源

2014-03-13 jriley88

行情會打亂你的追加聲明。在雙引號字符串中使用單引號或使用'\「'轉義雙引號。 –

而是執行此操作：

$("#menu-wrapper").append("<a href='#'><img src='image' /></a>");

您使用"開始和結束的append，但是如果使用它也指定一個href和src，這是抵消字符串。

所以只能使用"來啓動和結束它，如果您需要內部引號，請使用'或使用\"轉義雙引號。

如果你想要做字符串連接（雖然不是你要的，可以派上用場以後），你做這樣的事情：

$("#menu-wrapper").append("<a href='"+url+"'><img src='"+image+"' /></a>");

image和url將是變數。 +用於連接字符串，使您可以訪問字符串內的變量。

來源

2014-03-13 14:41:40 Albzi

或者，如果您是雙引號的巨大粉絲 – Huangism

，您可以使用雙引號\」。謝謝@黃民主 – Albzi

謝謝大家如此快速的迴應。我最終不得不脫離雙引號，腳本本身被一個php變量調用，因此當我使用單引號時會中斷。 – jriley88

試試這個

var anchor = $("a").attr("href","#"); 
var img = $("img").attr("src","img_source"); 
anchor.append(img); 
$("#menu-wrapper").append(anchor);

來源

2014-03-13 14:44:47

使用jquery將圖像添加到div

回答

相關問題