Estou tentando pegar o valor de um input
e um textarea
com jquery mobile e adicionar os valores dentro de uma div
usando append()
só que não está funcionando?
alguém consegue me dizer onde estou errando?
O input
e a textarea
estão dentro de um panel
e quero adicionar os valores setados nele no content
da pagina principal.
//Html da pagina principal que está dentro de data-role="page" e o id dessa page é id="index"
<section data-role="content">
<h3>Todas as tarefas</h3>
<div class="list">
</div>
</section>
//Inicio do Panel
<div data-role="panel" id="mypanel" data-display="overlay">
<h4>Nova Tarefa</h4>
<label for="tarefa">Adicionar Tarefas</label>
<input type="text" id="tarefa" placeholder="Remédio, Mercado e etc...">
<label for="detalhe">Detalhes</label>
<textarea id="detalhe" cols="1" rows="1" placeholder="Exemplo: tomar remédio 'x', comprar leite e etc..."></textarea>
<button type="button" id="btn" data-icon="check">Salvar</button>
</div>
$( document ).on( "#index", function() {
var nextId = 1;
$("#btn").click(function() {
var tarefa = $('input#tarefa').val(); //já tentei input[id=tarefa] e (#tarefa).
var detalhe = $('textarea#detalhe').val(); //já tentei input[id=detalhe] e (#detalhe).
nextId++;
var content = "<div class='item" + nextId "'>" + tarefa + '</div>';
$('.list').append(content);
});
});
$( document ).on( "#index", function() {
? qual é a ideia desta linha?$(document).on("pageinit", "#index", function() {
ou$( document ).on("pagecreate", "#index", function() {
? podes testar?$(document).on("pageinit", "#principal", function() {
e eu havia esquecido de carregar o meu código Js.