Добавление ли динамик в меню ul с помощью jquery

Question

Добавление ли динамик в меню ul с помощью jquery

0

У меня есть меню, которое уже загружено jquery. Я не хочу редактировать текущий js файл, который загружает это меню, поэтому я хочу, чтобы jquery добавила дополнительную li в конце последнего li в этом меню. Моя структура меню:

<div class="toolbar">
    <ul id="dcsns-filter" class="option-set filter">
        <li><a href="#filter" data-group="dc-filter" data-filter="*" class="selected link-all">all</a>
        </li>
    </ul>
</div>

Я пробовал код ниже, не случайно.

<script>
$(document).ready(function () {
    var tsource = "http://www.google.com"
    $(".dcsns-toolbar").find("li:last").after("<div style='width:100px; height:61px; float: left; top:0; position: absolute; margin-top:140px; margin-right:5px;'><div style=' width:65px; height:61px; float:left;'>Πηγή: <a href='" + tsource + "' target='_blank' style='color:#fff; text-decoration:none; font-family:Verdana, Geneva, sans-serif; font-size:12px;'>Google</a></div></div>");
});
</script>

Спасибо!!

Irene T. 16 дек. 2013, в 16:14

Источник

0

В вашем примере у вас нет элемента с классом .dcsns-toolbar .
j08691 16 дек. 2013, в 14:35
0

Кроме того, вы должны добавлять только <li> к <ul> .
moonwave99 16 дек. 2013, в 14:37

Теги:

javascript

jquery

3 ответа

1

var innerHtml = '<div>...</div>';
var newListItem = $('<li />').html(innerHtml);
$("#dcsns-filter").append(newListItem);

NinjaNye 16 дек. 2013, в 11:53

0

$("#dcsns-filter").append('Your new li html');

dipak_pusti 16 дек. 2013, в 13:01

0

Вы, вероятно, должны отформатировать Your new li html как новый элемент списка HTML.
Zach Saucier 16 дек. 2013, в 14:34

Ещё вопросы

В вашем примере у вас нет элемента с классом .dcsns-toolbar .
Кроме того, вы должны добавлять только <li> к <ul> .
Вы, вероятно, должны отформатировать Your new li html как новый элемент списка HTML.

Mark · Accepted Answer · 2013-12-16T11-46-00.000Z

Я верю, что у вас есть ошибка в вашем селекторе jQuery:

$(".dcsns-toolbar")  // <--- This element doesn't exist

должно быть

$('#dcsns-filter')

а затем jQuery найдет ваш элемент, и вы можете добавить к нему.

$('#dcsns-filter').find("li:last").after("<div style='width:100px; height:61px; float: left; top:0; position: absolute; margin-top:140px; margin-right:5px;'><div style=' width:65px; height:61px; float:left;'>Πηγή: <a href='" + tsource + "' target='_blank' style='color:#fff; text-decoration:none; font-family:Verdana, Geneva, sans-serif; font-size:12px;'>Google</a></div></div>");

Уважаемый @mark, я добавил этот код: $ ('# dcsns-filter'). Find ("li: last"). After ("<div style = 'width: 100px; высота: 61px; float: left; background-color : # 000; "> </ DIV>"); Без удачи ... если я проверяю элемент и помещаю div после последнего li, он работает, но не загружает его с помощью Jquery.
@IreneT. Что не загружается? Если с этими элементами были связаны события, и вы создаете новый элемент, вам нужно будет повторно привязать селектор событий, чтобы включить новый элемент.