Ru-Board.club
← Вернуться в раздел «Web-программирование»

» jQuery Mobile

Автор: Mr_SMiT
Дата сообщения: 28.12.2014 09:19
http://rghost.ru/60015475
По ссылке всего пару страниц с минимальным набором и единственным скриптом.
Скрипт изменения размера шрифта на странице срабатывает только при первой загрузке страницы или после обновления страницы. После перехода на вторую в упор не хочет работать.
Кода кот наплакал, в чем дело не могу понять. Помогите пожалуйста.
Автор: Mavrikii
Дата сообщения: 28.12.2014 10:11
Mr_SMiT
открываете локально или с сервера?

а причина может быть в том, что jQuery в данном случае пытается подгрузить следующую страницу через ajax.
ну и из за этого могут быть особенности - посмотрите консоль ошибок браузера на наличие сообщений
Автор: Mr_SMiT
Дата сообщения: 28.12.2014 10:32
Ошибок нет. Мне и нужно локально.
Автор: Mavrikii
Дата сообщения: 28.12.2014 10:35
Mr_SMiT

Цитата:
Мне и нужно локально

Локально подгрузка ajax не везде работает. В хроме - нет, так что упомяните и версию браузера.
Автор: Mr_SMiT
Дата сообщения: 28.12.2014 10:42
IE10, Firefox 34.0.5 с Fifebug, а должно работать на Android через Phonegap
Ни где не работает.
Автор: Mavrikii
Дата сообщения: 28.12.2014 23:13
Mr_SMiT
ваш код подгружает новую страницу, оставляя старый контет невидимым.
получается, что у вас два элемента с id='content', меняется размер только у первого, невидимого.
Автор: Mr_SMiT
Дата сообщения: 29.12.2014 04:40
Какой кошмар... Библиотеки уж точно я править не буду. Есть ли выход?

Добавлено:
data-ajax="false" в ссылках не вариант - отдельные ссылки будут генериться без моего участия, соответственно без возможности этой вставки.
Разные ID на разных страницах тоже не подходит
pagecontainer пока не могу победить

Ребята, спецы ну гляньте пожалуйста
Автор: Mr_SMiT
Дата сообщения: 29.12.2014 07:43
$(document).on("mobileinit", function () {
$.mobile.linkBindingEnabled = false;
});
Мож кому еще пригодиться
Автор: baic
Дата сообщения: 11.05.2016 19:55
Народ, пишу на Cordova 6.1.1
jquery.mobile 1.4.5

обычный
<input id="the-search-input" type="text">


function poiskFIO() {
var poisk = $("#the-search-input").val();
alert('poisk=' + poisk); //пустая строка

var poisk1 = document.getElementById("the-search-input");
var poisk2 = poisk1.value;
alert('poisk2=' + poisk2); //пустая строка



на большинстве Android работает нормально, но почему-то на HTC Android 4.0.3 не могу получить значение инпута

может кто знает как побороть? type="search" не помогает...

Автор: Mavrikii
Дата сообщения: 11.05.2016 20:18
baic
а если выставить какое то значение по умолчанию? что то в инпут вводится вообще? может поверх что то висит?
Автор: baic
Дата сообщения: 11.05.2016 20:57
Mavrikii
если
<input id="the-search-input" type="text" value="aaaaaaa">

на клаве в мобиле вводим ещё и bbb, то $("#the-search-input").val(); возвращает "aaaaaaa"


вроде ничего поверх не висит
<body>
<input id="the-search-input" type="text" value="aaaaaaa">
</body>

сегодня уже третий мобильник приносили с такой проблемой...и странно все три - HTC


Добавлено:
введённые "bbb" не появляются
Автор: Mavrikii
Дата сообщения: 11.05.2016 21:10
baic
выглядит так, что поверх копируется другой аналогичный элемент, либо идет какая то замена в странице. если бы структуру посмотреть на этот момент - выведите себе целиком содержимое страницы, чтобы оценить добавилось что то иное в DOM или нет.
Автор: baic
Дата сообщения: 11.05.2016 21:24
в том то и дело, что на "больном" мобиле не выводится DOM-отладчик (VisualStudio 2015)...
на тех мобилах, на которых работает - всё ок

страница index.html
------------------------------------------------------------------------------------
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="format-detection" content="telephone=no">
<meta name="msapplication-tap-highlight" content="no">
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width">
<link rel="stylesheet" type="text/css" href="css/index.css">
<title>TelefonM</title>
<link rel="stylesheet" type="text/css" href="css/jquery.mobile-1.4.5.min.css">
<script type="text/javascript" src="scripts/jquery-2.2.3.min.js"></script>
<script type="text/javascript" src="scripts/jquery.mobile-1.4.5.min.js"></script>
</head>
<body>
<<div data-role="header" data-position="fixed">
<<input id="the-search-input" type="search" value="" data-type="search" placeholder="Введите строку поиска...">
</div>

<script type="text/javascript" src="cordova.js"></script>
<script type="text/javascript" src="scripts/platformOverrides.js"></script>
<script type="text/javascript" src="scripts/index.js"></script>
<script type="text/javascript" src="scripts/scriptIndex.js"></script>
</body>
</html>



скрипт
---------------------------------------------------------------------
(function () {
"use strict";

document.addEventListener('deviceready', onDeviceReady.bind(this), false);

function onDeviceReady() {
document.addEventListener('keydown', function(event) {
if (event.keyCode === 13) {
poiskFIO();
}

}, false);

})();


function poiskFIO() {
alert('1');
var poisk = $("#the-search-input").val();
alert('poisk=' + poisk);

var poisk1 = document.getElementById("the-search-input");
var poisk2 = poisk1.value;
alert('poisk2=' + poisk2);
}





Автор: Mavrikii
Дата сообщения: 11.05.2016 21:27
baic

Цитата:
что на "больном" мобиле не выводится DOM-отладчик (VisualStudio 2015).

я имел в виду через тот же jquery взять html код страницы и сохранить в файл или вывести куда то.
Цитата:
<<

это нормально?
Автор: baic
Дата сообщения: 12.05.2016 06:06
<<
да я потом увидел...убрал
но на функционал это не влияет...на экране просто лишние символы...

...что интересно... символы с клавы в инпут вносятся...даже отодвигает дефолтный валуе ...
...bbbaaaaaa....
т.е. это говорит о том, что не перекрывается, а именно в текущем инпуте вводятся данные...

...но при получении валуе = "aaaaaa"

...я пытался отловить каждый введённый символ и сохранить в переменную, но keypress срабатывает только на Enter.... во как
Автор: Mavrikii
Дата сообщения: 12.05.2016 06:22
baic
а если так?
$('input').each(function(){
alert($(this).val());
});

и лучше не на keydown, а на keypressed
Автор: baic
Дата сообщения: 13.05.2016 06:33
Mavrikii
не... не помогло...блин
Автор: Mavrikii
Дата сообщения: 13.05.2016 06:45
baic
в смысле? только один алерт выходит?
Автор: baic
Дата сообщения: 13.05.2016 09:57
Mavrikii
пусто
Автор: Mavrikii
Дата сообщения: 13.05.2016 10:23
baic
вы не поняли - это кусок для вывода после ввода инфы и нажатия на enter.
должен выбрать все input и вывести через alert их значения.
https://jsfiddle.net/agLcdLqe/

тем самым будет видно есть ли инпуты еще и что в них
Автор: nuker96
Дата сообщения: 13.05.2016 15:50
Mavrikii
предоставь полный код, как он сделал. с доктайпом и все дела. может поможет.
Автор: baic
Дата сообщения: 16.05.2016 12:40
Mavrikii
сделал как Вы написали...
два инпута
причём что интересно ... запустил на мобиле... добавил несколько символов в первый инпут...
перехожу на второй инпут...то что было написано в первом инпуте пропадает...
ввожу во втором инпуте несколько символов... нажимаю чек... два алерта ...пустые

Добавлено:
Полный код
-------------------------------------------------------------------------------------------------------
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: http://websrv http://bvs-e.ru https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *">

<meta name="format-detection" content="telephone=no">
<meta name="msapplication-tap-highlight" content="no">
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width">
<link rel="stylesheet" type="text/css" href="css/index.css">
<title>TelefonM</title>

<link rel="stylesheet" type="text/css" href="css/jquery.mobile-1.4.5.min.css">


<script type="text/javascript" src="scripts/jquery-2.2.3.min.js"></script>
<script type="text/javascript" src="scripts/jquery.mobile-1.4.5.min.js"></script>



</head>
<body>
<input type='text'><br>
<input type='text'><br>
<button>
Check
</button>



<script type="text/javascript" src="cordova.js"></script>
<script type="text/javascript" src="scripts/platformOverrides.js"></script>
<script type="text/javascript" src="scripts/index.js"></script>
<script type="text/javascript" src="scripts/scriptIndex.js"></script>

</body>
</html>

--------------------------------------------------------------------------------------------------------------------------------------------------------
scriptIndex.js
--------------------------------------------------------------------------------------------------------------------------------------------------------
(function () {
"use strict";

document.addEventListener('deviceready', onDeviceReady.bind(this), false);

function onDeviceReady() {
$('button').click(function () {
$('input').each(function () {
alert($(this).val());
});
});
};

})();



Добавлено:
Версия Android
4.0.3
Версия HTC Sense
4.0
Номер ПО
2.22.401.6
Уровень HTC SDK API
4.11
Версия расширенная HTC
HTCExtension_403_1_GA_5
Версия Kernel
3.0.16-g133e482
root@abm024#1
PREEMPT
Версия радиомодуля
20.79.30.0835U_3831.24.00.23_M
Номер сборки
2.22.401.6 СД92876 release-keys
Версия браузера
WebKit/534/30

Добавлено:
Версия Android
4.0.3
Версия HTC Sense
4.0
Номер ПО
2.22.401.6
Уровень HTC SDK API
4.11
Версия расширенная HTC
HTCExtension_403_1_GA_5
Версия Kernel
3.0.16-g133e482
root@abm024#1
PREEMPT
Версия радиомодуля
20.79.30.0835U_3831.24.00.23_M
Номер сборки
2.22.401.6 СД92876 release-keys
Версия браузера
WebKit/534/30

Добавлено:
блин... подвисла станичка...дважды отправилось...сорь
Автор: Mavrikii
Дата сообщения: 16.05.2016 19:40
baic

Цитата:
сделал как Вы написали...  
два инпута

вы не поняли, что я написал. я написал код, который бы показал содержимое всех инпутов, если, по какой то причине, появляется еще один - в который вы и вводите информацию. не потому, что вы сами его создали.
Автор: baic
Дата сообщения: 17.05.2016 18:58
Mavrikii
я понял... пусть я по ошибке нарисовал два инпута, но результат на лицо... в обоих валуе=0
видимо это всё-таки андроид аштсишный такой кривой... СПС
Автор: baic
Дата сообщения: 21.05.2016 17:51

Цитата:
Mavrikii

нашёл причину...мой косяк...
document.addEventListener('deviceready', onDeviceReady.bind(this), false);
было в двух файла скриптов... убрал один - всё заработало
Автор: baic
Дата сообщения: 22.05.2016 11:13
кто нибудь знает как убрать зелёную окантовку инпута в Android 4.0.3
запись в стилях не помогает


body {
-webkit-touch-callout: none;
-webkit-text-size-adjust: none;
-webkit-user-select: none;
background-color:#32383d;
font-family: 'RobotoRegular', 'Droid Sans', 'Segoe UI', Segoe, 'San Francisco', 'Helvetica Neue', Helvetica, Arial, Geneva, sans-serif;
font-size:12px;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
-khtml-user-select: none;
}
Автор: baic
Дата сообщения: 27.05.2016 09:02
Народ, может кто знает как отловить входящий звонок на Cordova?
Автор: Mavrikii
Дата сообщения: 27.05.2016 09:30
baic
http://stackoverflow.com/questions/20343858/detect-incoming-call-with-phonegap

Цитата:
Do note that you will always require a plugin, since Phonegap/Cordova has no API to detect calls.

Страницы: 1

Предыдущая тема: скрипт, который облегчает загрузку файлов на яндекс


Форум Ru-Board.club — поднят 15-09-2016 числа. Цель - сохранить наследие старого Ru-Board, истории становления российского интернета. Сделано для людей.