当用户在页面上向下滚动时,我有一个粘性菜单/ 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 栏类不再被添加到菜单中。
最佳答案
改为这样做:
$("#menu-wrapper").append("<a href='#'><img src='image' /></a>");
您正在使用 "
来开始和结束 append
,但随后还使用它来分配 href
和 src
,它正在抵消字符串。
因此只使用 "
开始和结束它,如果您需要在内部使用引号,请使用 '
,或者使用 \"< 转义双引号
.
如果你想做字符串连接(虽然不是你要求的,以后会派上用场),你可以这样做:
$("#menu-wrapper").append("<a href='"+url+"'><img src='"+image+"' /></a>");
image
和 url
将是变量。 +
用于连接字符串,让您可以在字符串中使用变量。
关于javascript - 使用 jquery 将图像添加到 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22382075/