Проблема вы все добавления кода на # navBar1 включая якорь. Якорь фактически должен быть присоединен к ли.
Если вы добавите все как одну строку, она будет работать.
$(document).ready(function(){
$('#MainMenu').append('<li><a href="#" class="dropdown-toggle" data-toggle="dropdown">Reports</a></li>');
});
Если вам нужно сделать это шаг за шагом, как вы сейчас делаете. Попробуйте что-то вроде этого ... http://jsfiddle.net/y14ss9s6/1/
JQuery:
$(document).ready(function() {
var $li = $('<li />');
var $a = $('<a />', {
href: "#",
class: "dropdown-toggle",
html: 'Reports'
});
$li.append($a);
$('#MainMenu').append($li);
});
OMG! спасибо jlocker –
@BernardoBorunda приветствую вас .. – jlocker