.append () элемент с более чем одним классом -- javascript поле с участием jquery поле с участием html пол Связанный проблема

append() element with more than one class


0
vote

проблема

русский

Я не могу найти информацию о том, можно ли использовать .append (), чтобы добавить элемент в HTML и дать этому элементу более одного класса

 <код>  $( ".nav" ).append("<li class=tab><a href=#content class=menu-button>Menu</a></li>");   

будет работать просто хорошо, но

 <код> $( ".nav" ).append("<li class=tab home-tab><a href=#content class=home-button>Home</a></li>");   

не будет ставить правильный HTML. HTML захватывает класс вкладок, но не класс домой.

Есть ли способ исправить это?

Английский оригинал

I can't find any info on whether or not it's possible to use .append() to append an element to html and give that element more than one class

 $( ".nav" ).append("<li class=tab><a href=#content class=menu-button>Menu</a></li>"); 

Will work just fine, but

$( ".nav" ).append("<li class=tab home-tab><a href=#content class=home-button>Home</a></li>"); 

Will not out put the correct html. The html captures the tab class but not the home-tab class.

Is there a way to fix this?

</div
        
   
   

Список ответов

4
 
vote
vote
Лучший ответ
 

Может быть, использование одиночных кавычек будет работать

 <код> $( ".nav" ).append("<li class='tab home-tab'><a href='#content' class='home-button'>Home</a></li>");   
 

Maybe using single quotes will work

$( ".nav" ).append("<li class='tab home-tab'><a href='#content' class='home-button'>Home</a></li>"); 
</div
 
 
1
 
vote

Поместите список классов в пределах отдельных кавычек, и вы можете использовать столько по желанию. Пример того, что будет работать для нескольких классов:

 <код> $( ".nav" ).append("<li class='tab home-tab'><a href='#content' class='home-button'>Home</a></li>");   
 

Put the list of classes within single quotes, and you can use as many as desired. Example of what will work for multiple classes:

$( ".nav" ).append("<li class='tab home-tab'><a href='#content' class='home-button'>Home</a></li>"); 
</div
 
 

Связанный проблема

0  Почему Autoseizecolumn () Loop, похоже, замораживает сценарий Google Apps?  ( Why does an autoresizecolumn loop seem to freeze a google apps script ) 
Все, что я пытаюсь сделать, это изменить размер всеми колонны в электронной таблице. Это автономная электронная таблица. Я использую: <код> function format(...

0  JavaScript Ball Collision  ( Javascript ball collision ) 
Я пытаюсь создать простую игру JavaScript с простыми физиками. Я могу определить, когда 2 шарика столкнулись, но у меня возникли проблемы с обработкой столкно...

0  Отображать имя страницы в JavaScript?  ( Display page name in javascript ) 
Как бы я добавил <код> location.href.split('/').pop() к документу HTML для отображения имени страницы? (Не весь URL) я хотел бы отобразить только имя страниц...

59  Дисплей Div в положении курсора в Textarea [дубликат]  ( Display div at cursor position in textarea ) 
<в сторону CLASS = "S-NEWACTS S-WELTIVE__info JS-Post-New Imide MB16« Роль = «Статус»> Этот вопрос уже есть ответы здесь : ...

1  Форма подписки Rapidmail перенаправляет после подписки электронной почты - MailChimp  ( Rapidmail subscription form redirect after email subscription mailchimp ) 
Я создаю веб-страницу, которая включает в себя очень простую форму подписки, в основном собирая адреса электронной почты, заинтересованные в продукте. Для это...

2  Fullcalendar сейчас () индикатор позиционируется неправильно  ( Fullcalendar now indicator positioned wrongly ) 
в Fullcalendar, при настройке параметров Mintime и maxtime ныне () индикаторы не расположены должным образом. У меня есть jsfiddle , чтобы пока...

30  Как я могу использовать Nodejs с Windows 7? [закрыто]  ( How can i use nodejs with windows 7 ) 
<в сторону CLASS = "S-NEWACTS S-WELTIVE__info JS-Post-New Imide MB16« Роль = «Статус»> <Путь d = "M15 6.38A6.48 6.48 0 007.78. 04H-.02A6.49 6.49 0 002.05 ...

0  OnClick = "Commentcheck ({{Meeting.people}})", ожидаемый идентификатор, строка или номер  ( Onclick authoritycheckmeeting people expected identifier string or num ) 
У меня возникли проблемы с отправкой <код> {{meeting.people}} Value на функцию JS. Код подписан на Сообщение об ошибке говорит: ожидаемый идентификатор, ст...

0  Google Map не отображает  ( Google map not displaying ) 
У меня есть карта Google, которая используется здесь: http://www.comehike.com/outdoors/birds/birds.php Теперь я вижу сообщения об ошибках .j для 1) Инициа...

1  JavaScript: Получение идентификатора родителя из документа  ( Javascript getting the id of the parent from a document ) 
У меня возникли проблемы с тем, чтобы получить идентификатор родителя документа, который здесь «iFrame1». Как вы можете видеть, что JavaScript должен проживат...

0  в то время как цикл превышает каждый метод  ( While loop over takes the each method ) 
Я добавляю элемент на страницу, используя статический номер в соответствии с кликом пользователя. Таким образом, элемент имеет серийный номер в соответствии с...

4  Является ли хорошей идеей использовать условные зависимости в модулях AMD?  ( Is it a good idea to use conditional dependencies in amd modules ) 
Я думаю об использовании условий для указания модуля зависит в модульной системе AMD. Например, чтобы загрузить библиотеку на браузере и библиотеку на сервере...

-1  Что не так с этим кодом jQuery, его сумасшедшая? [закрыто]  ( What is wrong with this jquery code its driving my crazy ) 
<в сторону CLASS = "S-NEWACTS S-WELTIVE__info JS-Post-New Imide MB16« Роль = «Статус»> закрыт. Этот вопрос не соответствует Рекомендациям переполнения ...

0  Новое развитие приложений с использованием Cordova и Ionic  ( Native app development using cordova and ionic ) 
Как сохранить процесс или сервис всегда запущены даже после того, как приложение будет убито пользователем, похожее на секундомер, который будет запущен даже ...

0  Обновление происхождения перетаскивания / прокрутки после обновления данных с переходом в D3  ( Update drag scroll origin after an update of the data with transition in d3 ) 
Я работаю на диаграмме с перетаскиванием, масштабированием и обновлениями. Это в основном работает, однако, после добавления новых данных позиция перетаскиван...

Связанный проблема

0  Почему Autoseizecolumn () Loop, похоже, замораживает сценарий Google Apps? 
0  JavaScript Ball Collision 
0  Отображать имя страницы в JavaScript? 
59  Дисплей Div в положении курсора в Textarea [дубликат] 
1  Форма подписки Rapidmail перенаправляет после подписки электронной почты - MailChimp 
2  Fullcalendar сейчас () индикатор позиционируется неправильно 
30  Как я могу использовать Nodejs с Windows 7? [закрыто] 
0  OnClick = "Commentcheck ({{Meeting.people}})", ожидаемый идентификатор, строка или номер 
0  Google Map не отображает 
1  JavaScript: Получение идентификатора родителя из документа 
0  в то время как цикл превышает каждый метод 
4  Является ли хорошей идеей использовать условные зависимости в модулях AMD? 
-1  Что не так с этим кодом jQuery, его сумасшедшая? [закрыто] 
0  Новое развитие приложений с использованием Cordova и Ionic 
0  Обновление происхождения перетаскивания / прокрутки после обновления данных с переходом в D3 



© 2021 www.qaru.top All Rights Reserved. Q&A House все права защищены


Licensed under cc by-sa 3.0 with attribution required.