using pageinit() вместо document.ready

Я пробовал много способов использовать мое приложение как jquerymobile, но не получилось. Я знаю, что я должен использовать pageinit вместо готового документа. Не могли бы вы показать мне правильный способ сделать это. Когда я добавляю его, он просто не работает. Вот кодusing pageinit() вместо document.ready

<head> 
<link rel="stylesheet" href="https://s3.amazonaws.com/codiqa-cdn/mobile/1.2.0/jquery.mobile-1.2.0.min.css" /> 
<script> 
    if (navigator.userAgent.match(/Android/i)) { 
     window.scrollTo(0, 1); 
    } 
</script> 
<script src="https://s3.amazonaws.com/codiqa-cdn/jquery-1.7.2.min.js"></script> 
<script src="https://s3.amazonaws.com/codiqa-cdn/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script> 
<script> 
    try { 
     $(function() {}); 
    } catch (error) { 
     console.error("Your javascript has an error: " + error); 
    } 
</script> 
<script> 
    $(document).ready(function() { 
     $("form").change(function() { 
      $.post("test2.php", 
      $("#myform").serialize()); 
     }); 
    }); 
</script> 
</head> 
<body> 
    <div id="my-page" data-role="page"> 
     <form name="myform" id="myform" method="get"> 
      <label for="DogalGaz">Doğal Gaz</label> 
      <select name="DogalGaz" id="DogalGaz" data-theme="" data-role="slider"> 
       <option value="">Seçiniz</option> 
       <option value="off">Off</option> 
       <option value="on">On</option> 
      </select> 
     </form> 
    </div>

Что я сделал, просто отправьте данные формы в файл и процесс test2.php. Спасибо за любую помощь

источник

2013-04-22 BKadmin

Вы читали http://jquerymobile.com/demos/1.2.0/docs/api/events.html? –

Да, я это сделал. Но я уже сейчас на этом jq и javascript. Лучший способ помочь мне просто изменить мой код. Я получаю эту ошибку: Uncaught TypeError: Object [object Object] не имеет метода «live» .... – BKadmin

'live()' не существует в jQuery 1.9, вы можете использовать 'on()' вместо этого. Тем не менее, я предлагаю вам обновить свой вопрос с помощью кода jQuery Mobile, который вы попробовали, чтобы мы могли видеть, как вы связываетесь с 'pageinit' и другими проблемами, с которыми вы можете столкнуться. –

Flip Toggle Switch должны иметь 2 варианта вместо 3.

Попробуйте это:

<!DOCTYPE html> 
<head> 
<link rel="stylesheet" href="https://s3.amazonaws.com/codiqa-cdn/mobile/1.2.0/jquery.mobile-1.2.0.min.css" /> 
<script> 
    if (navigator.userAgent.match(/Android/i)) { 
     window.scrollTo(0, 1); 
    } 
</script> 
<script src="https://s3.amazonaws.com/codiqa-cdn/jquery-1.7.2.min.js"></script> 
<script src="https://s3.amazonaws.com/codiqa-cdn/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script> 
<script> 
    $(document).on('pageinit', function() { 
     $("#myform").change(function() { // use #myform instead of form to only serialize one form. 
      $.post("test2.php", 
       $("#myform").serialize()); 
     }); 
    }); 
</script> 
</head> 
<body> 
    <div id="my-page" data-role="page"> 
     <!-- include action and method in case javascript handler fails --> 
     <form name="myform" id="myform" action="test2.php" method="post"> 
      <label for="DogalGaz">Doğal Gaz. Seçiniz: </label> 
      <select name="DogalGaz" id="DogalGaz" data-theme="" data-role="slider"> 
       <option value="off">Off</option> 
       <option value="on">On</option> 
      </select> 
     </form> 
    </div> 
</body> 
</html>

Это вывесит к test2.php каждый раз, когда вы включите тумблер.

источник

2013-04-25 07:19:53 user508994

Вы также хотите отобразить результаты test2.php на странице? – user508994

using pageinit() вместо document.ready

ответ

Смежные вопросы