I have a div
that will serve as a menu.
The problem is that I get these weird characters to format the code and I did not put them there:
These characters are not visible by code, but are visible through the "Inspect Element" of the internet.
I'vecreatedthis FIDDLE to show the error.
HTML / JQuery
<div id="menuOpt" data-theme="c" data-dismissible="false">
<div data-role="header" class="ui-bar-b">
<h1>Opções</h1>
</div>
<div role="main" class="ui-content" data-theme="b">
<button type="button" class="ui-btn-b" ></button>
<button type="button" class="ui-btn-b" ></button>
<button type="button" class="ui-btn-b" ></button>
<button type="button" class="ui-btn-b" ></button>
</div>
</div>
JS referencing the menu
//atribuir largura ao menu das opçoes
$('#menuOpt').css({
'width': nav_width + 'px',
// 'atributo':'Valor',
});
$("#menuOpt").slideToggle("slow");
Question
Why do these characters appear? How do I remove them?