jquery-mobile

jquery mobile loadPage not working

↘锁芯ラ 提交于 2019-12-24 03:39:16
问题 well, i did this question fill days ago, but dont know if i was clear. so, i made something more simple now using another function $.mobile.loadPage what i'm trying to do is just load a content from another file to a div, just like $.ajax using normal jquery. in my main page: <div data-role="page"> <button id="load" style="border: solid blue;">Click here to load</button> <div data-role="content" id="target"> <!-- ajax load here --> </div> </div> this is the html from another file: <div id=

JQuery Mobile and Firefox don't play well together?

ぃ、小莉子 提交于 2019-12-24 03:13:03
问题 Having some teething issues with jQuery Mobile. Was wondering if anybody else is experiencing a smattering of errors when they're using Firefox (desktop) and have the jQuery Mobile script includes in their <head> like so: <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> <script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script> In both Chrome and Firefox I get a host of CSS errors, which I presume are negligible. But in Firefox I get a couple of

Augmenting a webapp with native capabilities - Bridging PhoneGap's InAppBrowser with Rails web app application javascript

邮差的信 提交于 2019-12-24 03:08:15
问题 I have written a simplistic chat application using Rails 3 and JQuery Mobile, you can have a look at the prototype here : http://budz.vdsites.com It's usefelness however is pretty limited as a mere web app, and I'm looking to include some native mobile capabilities such as notifications, picture uploading ( through the gallery or the camera ), contacts fetching and maybe more to come after that. I am also planning to deploy a similar enhanced client for desktops, using the same front end for

Rails 4.0.0 jQuery Mobile button icons not showing in production

杀马特。学长 韩版系。学妹 提交于 2019-12-24 03:08:08
问题 I have decided to host my own jQuery mobile files as the gem jquery_mobile_rails only includes version 1.3.0 while I want to ensure I always have the latest version of jQM. This proved surprisingly easy as i just added the js file under javascripts and the css under stylesheets in my assets folder. I copied the icon buttons to both /assets/images and to /assets/stylesheets/images. They are displayed properly in development but not in production. My console is showing the images being

Jquery Mobile - load script along with page (pagecontainershow)

我只是一个虾纸丫 提交于 2019-12-24 03:03:51
问题 I am building a mobile web application using jQuery Mobile 1.4.0, and I am using different html files for each page for organizational purposes, as this will be a rather large application. I understand that the document is not utilized on secondary pages because a link in jQuery Mobile pulls the info inside of data-role="page" from the file via AJAX and inserts it into the dom and displays it. I am fine with that. What I would like is for the javascript in the file to be able to be utilized

Jquery Mobile 1.4.5 Popup not working?

可紊 提交于 2019-12-24 02:56:24
问题 I'm trying to use the Popup widget of Jquery Mobile 1.4.5 but I've got some problem when I try to load a external page in a Popup from a sub page. Here's my code: Index.htm: <html> <head> <meta charset="utf-8"> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" /> <script src="http://code.jquery.com/jquery-2.1.1.min.js"></script> <script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script> </head> <body> <div data-role="page

Problem Customize <input type=“search” …> Jquery Mobile

家住魔仙堡 提交于 2019-12-24 02:56:06
问题 I want to show the message "search" in the filed with an id of "search" and have it disappear when the user clicks. Here is my code. It doesn't work. <script> $('#acceuil').live('pagecreate',function(event){ $('#search').blur(function(){ if ($('#search').val()=='') $('#search').val("search"); }); $('#search').focus(function(){ if (('#search').val()=='search') $('#search').val(""); }); }); </script> <div data-role="page" id ="acceuil" > <div data-role="header" data-theme="a" ><h3>TEST</h3><

CSS3 Transform Animation doesn't render so well in Safari/UIWebView

筅森魡賤 提交于 2019-12-24 02:48:07
问题 I'm developing an HTML5 app for mobile/touch device deployment and are utilising PhoneGap and only targeting the iOS platform for the moment (Webkit). My issue occurs with the CSS3 transitions (and it happens to regular jQuery animations as well) in that Webkit tends to do some strange things. For instance, in the code available to view here (http://jsfiddle.net/lvl99/dSjcj/) when you step through the pages, going back in the sequence (i.e. from page 5 to 1) will render the animation fine,

why css is not apply on list using JQM in angular

南笙酒味 提交于 2019-12-24 02:25:25
问题 can you please tell me why my list is not display . I used this https://github.com/angular-widgets/angular-jqm here is the documenetation http://angular-widgets.github.io/angular-jqm/master/docs/#/api/jqm.directive:jqmListview http://plnkr.co/edit/AfUQ5PGjKi12afqgFRfZ?p=preview app.controller('loginCtrl', ['$scope', function(scope){ var friends = [ {name:'John', age:25, gender:'boy'}, {name:'Jessie', age:30, gender:'girl'}, {name:'Johanna', age:28, gender:'girl'}, {name:'Joy', age:15, gender:

How to handle jQuery event on an ASP.net MVC Ajax loaded page?

女生的网名这么多〃 提交于 2019-12-24 02:04:54
问题 i've got an issue. I'm a newbie in the world of jQuery Mobile, and with the ASP.Net MVC part I'm a little bit lost. Here is my problem: In my mobile web site I want to change the navbar (that I use more like an appbar) buttons whereas I am on an Edit Page, or Home, etc.... So those pages (Edit, Show) are loaded in ajax, and on these pages I'm trying to fire an event like : $(document).ready(function(){ alert("Hello !"); }); But after some researchs, i found that in JQM with Ajax, events doesn