Добавить li в ul

Question

У меня проблема с добавлением li.

$('#clickme a').click(function() { 
    alert("zsdzsdvzsdv"); 
    $("#tabss").append("<li class='ui-widget-content' title='" + name + "'>" + name + "</li>"); 
}); 

и

<div id="clickme"><a href="#" onclick="addli()">click me</a></div> 
    <div id="header"> <ul id="tabss"> 
    <li><a href="/user/view"><span class="tab">Profile</span></a></li> 
    <li><a href="/user/edit"><span class="tab">Edit</span></a></li> 
    </ul> 
</div> 

пожалуйста консультация

Answer 1

Попробуйте добавить так:

$("#tabss").append("<li>" + name + "</li>"); }); 

Check on Fiddle

Answer 2

Вам нужно добавить теги Li

$('#clickme a').click(function() { 
     $("#tabss").append('<li><a href="/user/view"><span class="tab">' + name + '</span></a></li>'); 
    }); 

http://jsfiddle.net/K3uAN/1/

Answer 3

я думаю, что это поможет ...

$('#clickme a').click(function() { 
    var name = "name link"; 
    alert(name); 
    $("#tabss").append("<li class='ui-widget-content' title='" + name + "'><a href='/user/"+name+"'>" + name + "</a></li>"); 
}); 

Fiddle

Answer 4

$(function(){ 
    $('#clickme a').click(function() { 
     alert("zsdzsdvzsdv"); 
     $("#tabss").append("<li class='ui-widget-content' title='" + name + "'>" + name + "</li>"); 
    }); 
}); 

необходимо связать событие после того, как документ будет готов

Answer 5

код, который вы указали, похоже, правильно добавляет ли. Fiddle

Но есть ошибка javascript, он ожидает использования функции addli, которой нет. Поскольку в javascript есть событие click, onclick для $ ('# clickme a') в html не требуется. Поэтому я позволил снять это.

<div id="clickme"><a href="#">click me</a></div> 
<div id="header"> 
    <ul id="tabss"> 
    <li><a href="/user/view"><span class="tab">Profile</span></a></li> 
    <li><a href="/user/edit"><span class="tab">Edit</span></a></li> 
    </ul> 
</div> 

$('#clickme a').click(function() { 
    $("#tabss").append("<li class='ui-widget-content' title='" + name + "'>" + name + " </li>"); 
});