javascript - 使用 jquery 将图像添加到 div

Question

当用户在页面上向下滚动时，我有一个粘性菜单/ float 栏...使用 jQuery，我将 float 栏类添加到 #menu-wrapper。

我的目标是在添加 floater-bar 类的同时在 anchor 内添加图像，以便 Logo 也位于 float 栏上。

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>");

也尝试了 .add 和 .prepend

这使得整个脚本失败，因为 float 栏类不再被添加到菜单中。

Answer 1

改为这样做:

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

您正在使用 " 来开始和结束 append，但随后还使用它来分配 href 和 src，它正在抵消字符串。

因此只使用 " 开始和结束它，如果您需要在内部使用引号，请使用 '，或者使用 \"< 转义双引号.

如果你想做字符串连接(虽然不是你要求的，以后会派上用场)，你可以这样做:

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

image 和 url 将是变量。 + 用于连接字符串，让您可以在字符串中使用变量。