Search jQuery

jQuery Forum

Screen name:
colinbau
Email ID: colinbau@zohomail.com

colinbau's Profile

6 Posts

29 Responses

0 Followers

Activity Trend

Last 30 days

Loading Chart...

Show:

Expanded view
List view

jQuery mobile a "changePage" message problem
[1Reply]
- 27-Dec-2013 03:48 AM
- Forum: jQuery Mobile
when in version 1.3.2，I can use this way to chage other page，and show the "changing" message
$.mobile.changePage('index.html', .....
$.mobile.loadingMessage = "reading...";
$.mobile.loadingMessageTextVisible = true;

but in version 1.4.0，the "changePage" method will deprecated as 1.4.0 and removed in 1.5.0 by future
http://api.jquerymobile.com/jQuery.mobile.changePage/
so I use pagecontainer widget's change() method instead，now I use this way
$(':mobile-pagecontainer').pagecontainer('change', 'index.html', .....

OK，it's work，but the original "reading....." dialog message is not appear
I am so confused，so I check out the 1.3.2 and 1.4.0 api document
the 1.3.2，http://api.jquerymobile.com/1.3/?s=mobile.loadingMessage
the 1.4.0，http://api.jquerymobile.com/?s=mobile.loadingMessage
finally know that the method seems to remove by 1.4.0，because of this is no records

is there any instead way to use the method in 1.4.0?

PS
if I change to the "not exist" page，I can use this way to show the dialog message
$.mobile.pageLoadErrorMessage = "fail...";
$.mobile.pageLoadErrorMessageTheme = "b";
and...it's all work by 1.3.2 and 1.4.0

I find a jquery mobile issue with swipe function by Android 4.0.3 and 4.0.4
[7Replies]
- 25-Sep-2013 06:03 AM
- Forum: Developing jQuery Mobile
I study this address
http://api.jquerymobile.com/swipe/
And use the demo examples below

When I swipe by computer's chrome and my tablet Android 4.11，Function is very normal and fast
But When I swipe by my two phone，Android 4.0.3 and 4.0.4，Usually slide back and forth several times that the effect appears...so strange，any help?

jquery mobile's a href "performance" question
[9Replies]
- 09-Jul-2013 01:50 AM
- Forum: jQuery Mobile
I have a jquery mobile's page，the code below

<div data-role="page">

<script type="text/javascript">
$(function()
{
$('a#fastclick').on(clickEvent, function(e)
{
alert($(this).attr("href"));
});
});
</script>

<ul data-role="listview">
<a href="Device.html" id="fastclick">Device</a>
<li><a href="Device.html" id="fastclick">Device</a></li>
</ul>

</div>

When I put a href link outside the li(The red font)，the alert window when I clicked almost immediately pops!

But when I put a href link placed within li(The purple font)，it probably wait for 1 to 1.5 seconds(Only on the phone and the tablet, but the computer is very smooth and immediately)，and the window will appear

I suspect the problem is the degree of support for CSS or Css was too complex, causing need more computing

Because when click li a href inside, I feeling it will be gone through several stages
http://www.littlebau.com/list.gif
Phase one, when I touch the li, the li will first become dark gray background，But then will slowly recover
Phase two, so I really press down and release, the li turns blue
Phase three, the last is the real trigger associated javascript

But jquery mobile CSS syntax was too much, I can probably guess which of several causes the more complex operations, but no way to really determine what is causing this reason

My test platform are as follows
HTC Sensation XL, single CPU, 768M memory (probably will wait about 1 to 1.5 seconds)
ASUS TF201, 4 CPU, 1G memory (probably will wait about 1 second)

PS
I have already use "vclick" or "fastclick plugin"

The css long press problem
[6Replies]
- 21-Jun-2013 09:06 AM
- Forum: jQuery Mobile
I have a question want to ask
when we use the smartphone or tablet operating a Web page (Here I would mention my testing process)
the default，long press on the screen，there will be a pop up window of search options
because some reason，I want to make this feature disable
I search the google and finally found the following CSS syntax, you can put these code before <head/>

The link is a Snapshot for HTC Sensation XL
http://www.littlebau.com/css.png

<style type="text/css">
*: not (input) / *: not (input) means that if the input box on a page field does not apply to the following restrictions, if you do not add this setting will cause the input box on the page can not enter text * /
{
-webkit-touch-callout: none;
-webkit-user-drag: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
}
</ Style>

My test platform for the following:
Computer Chrome
phone Chrome and the native browser
tablet Chrome and the native browser
(I also tested a different phone)

The Chrome's part(shield off successfully)
Computer's
Phone's
tablet's(ASUS Transformer Prime TF201)

The Native browser part(shield off successfully)
HTC NEW ONE:Android 4.12, WebKit 534.30
TF201: Android 4.11, WebKit can not see
Samsong Galaxy Note2: Android 4.12, can't find the Webkit version
THL W8: Android 4.21, can't find the Webkit version
ZTE V987: Android 4.12, can't find the Webkit version

The Native browser part(shield off fail)
HTC Sensation XL: Android 4.03, WebKit 534.30
HTC Sensation: Android 4.03, WebKit 534.30
Sony Xperia S: Android 4.04, can't find the Webkit version

These aforementioned are all Android platform, built-in default webkit browser
I guess,it is probably because of different Android versions of each other and webkit kernel version may also different too

how to solve it??any ideas??

Of course, I also have used the following this JS syntax, but it is the same situation that the test results with the above approach is the same CSS
document.body.style.webkitTouchCallout = 'none';

Panel and the scrolling problem
[4Replies]
- 19-Jun-2013 04:44 AM
- Forum: jQuery Mobile
This is my code with jquery mobile

<div data-role="content">
<ul data-role="listview">
<li><a href="#panel-nav1">Subject 1</a></li>
<li>Subject 2</li>
.....a lot of
</ul>
</div>

<div id="panel-nav1" data-role="panel" data-display="push" data-position="left" data-swipe-close="false">
<ul data-theme="d" data-icon="false" data-divider-theme="d" data-inset="false" data-filter="true" data-filter-placeholder="keywords" data-role="listview" style="overflow:scroll;" id="ulid1">
<li>Subject 2</li>
.....a lot of
</ul>
</div>

I hope I can be gmail or facebook like, do not have the effect of interlocking
http://www.littlebau.com/mymobile.gif

But I tried for a long time, still can not find the answer, is only iframe can do that??
http://www.littlebau.com/gmail.gif

ListView and swipe detection problem
[6Replies]
- 19-Jun-2013 04:14 AM
- Forum: jQuery Mobile
in my native browser，When I am scrolling the li，it is very smooth

[before]
<ul data-filter="true" data-filter-placeholder="keywords" data-inset="true" data-role="listview">
<li>Subject 1</li>
<li>Subject 2</li>
<li>Subject 3</li>
<li>Subject 4</li>
<li>Subject 5</li>
.....
</ul>

However(only one line), I just add a "slide to the right" detection code (function is normal too) , the original smooth effect becomes very delay and caton

[after]
$(document).on("swiperight", function(event, ui) { alert("right") });
<ul data-filter="true" data-filter-placeholder="keywords" data-inset="true" data-role="listview">
<li>Subject 1</li>
<li>Subject 2</li>
<li>Subject 3</li>
<li>Subject 4</li>
<li>Subject 5</li>
.....
</ul>

please help me，what should I doㄚ_ㄚ
I am Android 4.11 Asus Pad Trandformer(TF201)

«Prev
Next »

Response title

Attachments

jQuery Forum

Activity Trend