mobile

Infinite Scroll on Mobile browsers

僤鯓⒐⒋嵵緔 提交于 2020-01-13 19:10:01
问题 I am trying to implement infinite scroll on my website and it works well on browsers on any computer, but it has issues on mobile browsers. So far, on chrome, if I don't zoom in or out it works ok but once I zoom either way it stops working. On safari it doesn't work at all. This is the code that I am using: $(window).on('scroll', function (e) { console.log(" window.scrollTop = " + $(window).scrollTop() + " document.height=" + $(document).height() + " window.height =" + $(window).height());

Embed PDF in mobile browsers

泪湿孤枕 提交于 2020-01-13 13:57:48
问题 I have the code below which is a perfect solution to what I need, which would essentially be embedding any of JPG, GIF, PNG or PDF files in my webpages. It works perfectly in PC browsers, but a critical requirement for the pages is to have them compatible in mobile browsers due to its target users. <iframe src="uploads/test1.pdf" width="auto" height="auto"> </iframe> Although image files work fine, PDF files are opened separately in the mobile browser and not embedded inline in the web page.

Embed PDF in mobile browsers

天大地大妈咪最大 提交于 2020-01-13 13:57:14
问题 I have the code below which is a perfect solution to what I need, which would essentially be embedding any of JPG, GIF, PNG or PDF files in my webpages. It works perfectly in PC browsers, but a critical requirement for the pages is to have them compatible in mobile browsers due to its target users. <iframe src="uploads/test1.pdf" width="auto" height="auto"> </iframe> Although image files work fine, PDF files are opened separately in the mobile browser and not embedded inline in the web page.

Web and Mobile views best practices same controller or namespace?

﹥>﹥吖頭↗ 提交于 2020-01-13 09:58:29
问题 Im looking for the guidance on best practices for developing a web app with normal views and mobile views. The mobile version would have less of the functionality but a whole lot of view files. Is it a better idea to separate the whole application into two projects, or to create a namespace? Or simple to keep everything inside of the single set of controllers? 回答1: Unless the functionality is drastically different, I'd leave the app as it is and create a mobile responder that would render the

Mobile web driving directions from current location

自作多情 提交于 2020-01-13 08:55:30
问题 I'm building a mobile-version of a website, trying to have one-click link to launch Google Maps with driving directions to the business, from the user's current location. I have it working fine for the iPhone, but when testing on Android, it views 'Current%20Location' and tries to find a business called 'Current Location'. Here is my current code: <a href="http://maps.google.com/maps?saddr=Current%20Location&daddr=123 Street Rd,Cityville,MD,21098">Get Directions</a> I need a universal string

How do you link to pages/windows in Titanium Mobile without tabs?

允我心安 提交于 2020-01-13 06:56:23
问题 I realize this is the most basic of questions, but I am unable to find out how to link between windows without using tabs. The following code works to close a window, which sort of works as a back button. But how do I specify which file/url I would like to link to? btn_home.addEventListener("click", function() { Ti.UI.currentWindow.close(); }); I found a solution: btn_home.addEventListener('click', function() { var newWindow = Titanium.UI.createWindow({ url: 'home.js' }); newWindow.open

How do you link to pages/windows in Titanium Mobile without tabs?

﹥>﹥吖頭↗ 提交于 2020-01-13 06:56:07
问题 I realize this is the most basic of questions, but I am unable to find out how to link between windows without using tabs. The following code works to close a window, which sort of works as a back button. But how do I specify which file/url I would like to link to? btn_home.addEventListener("click", function() { Ti.UI.currentWindow.close(); }); I found a solution: btn_home.addEventListener('click', function() { var newWindow = Titanium.UI.createWindow({ url: 'home.js' }); newWindow.open

Bootstrap thumbnails too small on mobile

扶醉桌前 提交于 2020-01-13 05:51:28
问题 I have a set of Bootstrap thumbnails on my web page and I have set all the images with class .img-responsive . When I open the page on a mobile browser the thumbnails are appearing too small and I can't even resize them with css. Here are my thumbnails: <div class="row"> <div class="col-xs-6 col-md-3"> <a href="#" class="thumbnail"> <img src="images/thumbnails/traditional.jpg" class="img-rounded img-responsive" alt="..."> </a> </div> <div class="col-xs-6 col-md-3"> <a href="#" class=

JQuery Mobile: .val() not working

强颜欢笑 提交于 2020-01-13 04:55:07
问题 Greetings, I have the following jQuery Mobile code: <div data-role="content"> A confirmation code has been sent to your mobile phone via SMS <br><br> To proceed, please enter the 3-digit confirmation code below: <br> <input id="verifySMS_code" type="text" /><br> <a id="verifySMS_submit" href="#" data-role="button">Submit</a> </div> Here is my javascript: $(document).ready(function(){ $("#verifySMS_submit").live("click",function() { alert('hi'); var code=$('input#verifySMS_code').val(); alert

Is jquery-mobile “mobile first” [closed]

你。 提交于 2020-01-13 02:45:28
问题 Closed. This question is off-topic. It is not currently accepting answers. Want to improve this question? Update the question so it's on-topic for Stack Overflow. Closed 2 years ago . I have read the book "Mobile first" by Luke WROBLEWSKI and many other readings on that topic. I'm a web developer and now I'm really convinced that "mobile first" or "progressive enhancement" is the way to go. Now I'm looking for a framework to achieve this. JQuery mobile annonce they are "mobile first" but I