Добавьте изображение в div, используя jquery

Question

Добавьте изображение в div, используя jquery

0

У меня есть липкое меню/панель с плавающей точкой, когда пользователь прокручивает страницу вниз... с помощью jQuery Я добавляю класс floater-bar в # menu-wrapper.

Моя цель состоит в том, чтобы добавить изображение в привязку в то же время, добавив класс floater-bar, чтобы логотип также находился на панели floater.

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-bar больше не добавляется в меню.

jriley88 13 март 2014, в 16:37

Источник

2

Кавычки прерывают ваше заявление добавления. Используйте одинарные кавычки в строке с двойными кавычками или экранируйте двойные кавычки с помощью \" .
Joel Etherton 13 март 2014, в 14:42

Теги:

javascript

jquery

html

css

2 ответа

2

попробуй это

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

A J 13 март 2014, в 13:16

Ещё вопросы

Кавычки прерывают ваше заявление добавления. Используйте одинарные кавычки в строке с двойными кавычками или экранируйте двойные кавычки с помощью \" .

Albzi · Accepted Answer · 2014-03-13T11-57-00.000Z

Сделайте это вместо этого:

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

Вы используете " для запуска и завершения append, но затем с помощью этого также назначьте href и src, который отменяет строку.

Поэтому используйте только " для начала и конца, а если вам нужны кавычки внутри, используйте ' или избежите двойных кавычек, используя \".

Если вы хотите выполнить конкатенацию строк (хотя не то, что вы просили, может пригодиться позже), вы делаете что-то вроде этого:

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

image и url будут переменными. + используется для конкатенации строки, что дает вам доступ к использованию переменных внутри строки.

Кроме того, вы можете избежать двойных кавычек \ ", если вы большой поклонник двойных кавычек
Просто сказал, что, как вы прокомментировали! Спасибо @Huangism
Спасибо вам, ребята, за такой быстрый ответ. Я закончил тем, что избежал двойных кавычек, сам скрипт вызывается переменной php, поэтому он ломался, когда я использовал одинарные кавычки.