Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Philippe Luis

iniciar pagina com função. jQuery mobile

Recommended Posts

Galera estou quebrando a cabeça mas não consigo achar a resposta.

Estou desenvolvendo uma aplicação com jquery Mobile, e como todos devem saber não rola refresh nas paginas.

A duvida e como eu posso colocar uma função inicial ou construc em cada pagina, sendo que não rola reload ou refresh.

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

  • Conteúdo Similar

    • Por Janio Almeida
      .js
          $('select').change(function(){
                  //alert('teste');
                  
                      var id = document.getElementById('usuario_id').value;
                      var pagamento = document.getElementById('pagamento').value;
                      var venda = document.getElementById('venda_id').value;
                      
                  $.ajax({
                      url:'pagamento.php',
                      type:'post',
                      data:{id:id, pagamento:pagamento, venda:venda},
                      success: function(data){
                          
                          alert(data);
                          
                          }
                      });
              //    window.location.reload();
                  })
       
      function devedores(){
                  
                  $data = date('Y-m-d',strtotime('+1 days'));
                  
                  $sql = mysqli_query($this->conn,"select * from venda inner join usuario where usuario.usuario_id=venda.usuario_usuario_id and venda.venda_status=1 and venda.venda_data between '".date('Y-m-d')."' and '".$data."' ");
                  echo mysqli_num_rows($sql);
                  
                  while ($loop = mysqli_fetch_array($sql)){
                      $id_venda = $loop['venda_id'];
                      $nome = $loop['usuario_login'];
                      $valor = $loop['venda_valor'];
                      $status = $loop['venda_status'];
                      $id_usuario = $loop['usuario_id'];
                      echo '
                      
                      <div data-role="fieldcontain">
                      <form name="form_pay">
                      <input type="hidden" name="venda_id" id="venda_id" value="'.$id_venda.'">
                      <input type="hidden" name="usuario_id" id="usuario_id" value="'.$id_usuario.'">    
          <label for="flip-min">'.$nome.'</label>
          <select name="pagamento" id="pagamento" data-role="slider">
              ';
              if ($status == 0){
                  echo '<option value="1">Debito</option>
              <option selected="selected" value="0">Pago</option>';
                  }else{
                  echo'
              <option selected="selected" value="1">Debito</option>
              <option value="0">Pago</option>';}
              echo '
          </select>
      </form>
                      </div>';
                      
                      
                      }
                  
                  }
       
    • Por arakan
      Olá pessoal, por favor alguém pode me ajudar...
      Tenho o código abaixo e preciso carregar página externa dentro de uma page, para depois acessá-la utilizando #page1.
      Já testei com Iframe e funcionou, mas não posso usar iframe nesse projeto.
      Grato pessoal
      Giovani
      -------------------------------------
      <body>
      <div id="page0" data-role="page">
      <header data-role="header" data-position="fixed">
      <h1>HOME</h1>
      <div class="ui-btn-left">
      <a href="#page1" data-role="button" data-icon="arrow-l" data-iconpos="left">Produtos</a>
      </div>
      <div class="ui-btn-right">
      <a href="#page2" data-role="button">Serviços</a>
      </div>
      </header>
      <div data-role="content" class="content">
      // texto da home
      </div>
      </div>
      <div id="page1" data-role="page">
      <header data-role="header" data-position="fixed">
      <h1>Produtos</h1>
      <div class="ui-btn-left">
      <a href="#page0" data-role="button" data-icon="arrow-l" data-iconpos="left">Home</a>
      </div>
      </header>
      <div data-role="content" class="content">
      // NÃO SEI COMO FAZER ISSO
      // Quando acesso o site gostaría que aqui já fosse pré carregada uma página produto.php
      // apenas uma vez. Depois utilizando #page1 podería acessá-la, mas sem carregá-la novamente,
      // apenas mostrar o que já foi carregado no início
      </div>
      </div>
      <div id="page2" data-role="page">
      <header data-role="header" data-position="fixed">
      <h1>Serviços</h1>
      <div class="ui-btn-left">
      <a href="#page0" data-role="button" data-icon="arrow-l" data-iconpos="left">Home</a>
      </div>
      </header>
      <div data-role="content" class="content">
      // NÃO SEI COMO FAZER ISSO
      // Gostaría que aqui fosse pré carregado uma página serviço.php
      </div>
      </div>
      </body>
    • Por Hewitt
      Galera, bom dia. Estou com um probleminha a muito tempo, e até hoje sem solução!
      Tenho uma página com produtos cadastrados e mostrados em laço num autocomplete http://demos.jquerymobile.com/1.3.2/widgets/autocomplete/)
      Pois então, quando clico no produto que quero nessa listagem, ele vai para o carrinho corretamente. Mas a página recebe o CSS do JQUery Mobile, e o botão que mostraria a div (comando JS) não funciona.
      Se eu der um F5 na página, o CSS do JQuery Mobile some, e o botão de mostrar a div funciona normalmente.
      Alguém sabe como resolver isso?
      Desde já agradeço!
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.