Question

当用户在页面上向下滚动时，我有一个粘滞的菜单/浮动条...使用jQuery我将浮动条类添加到＃menu-wrapper。

我的目标是在锚点中添加图像，同时添加浮点栏类，以便徽标也在浮动条上。

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

它使整个脚本失败，因为浮动栏类不再被添加到菜单中。

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将是变量。 +用于连接字符串，使您可以访问字符串中的变量。

Answer 2

试试这个

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

使用jquery将图像添加到div

2 个答案: