Correct alternative to eval().
Hi, can anyone tell me the correct way to form a string without using the eval() function. I am currently using the following code: alert(eval(childID).getAttribute('data-name')); Thanks, Lammie.
MVC Partial view renders in its own window instead of as a child of main view
I am using Jquery mobile to render MVC view to a mobile device but when I use @Html.RenderPartial("partialview"), the partialview replace the the main view window instead of it displaying inside the mainview. This is happening because of the jquery-mobile-1.3.0.min.css and if if remove that refrence from my layout file, it works fine but no mobile contents. <link rel="stylesheet" href="~/Scripts/jquery.mobile-1.3.0/jquery.mobile-1.3.0.min.css" />
iOS Chrome URL rewrite problem
The JQM url rewrite does not behave correctly on Chrome iOS. The URLs are stacking on each other. Click, <a href="htttp://my-site.com/local-stores-shopping/">LINK</a> loads the next page correctly but the url is then "http://my-site.com/#/local-stores-shopping/". If I then click then click, <a href="htttp://my-site.com/top-fashion-brands/">LINK</a>, I am taken to "http://my-site.com/#/local-stores-shopping/#//top-fashion-brands". Does anyone know why the /# is being added and the clicked URL is
Mobile Images sub-directory?
Can anyone provide mobile's search path for named images? (As in the listview href arrow-r png). I have the image file OK, but I don't know its intended/required storage location. Thanks, all.
panel
The panels have a bug ,panels Tablet PC applications an bug
Returning Attribute name from secondary Div.
Hi, I have the following code: <div id="sport"> <div id="page1" name="trial">Thanks</div> </div> The id sport is bound to a 'click' event. This is fine but is there a way I can get the name attribute that is contained in the page1 div? Thanks, Lammie.
getting caller of popup dialog
Hi, how can i get the caller of a popup dialog? The popup dialog is opening by a button with "a href". Pls help and sry for my english. ger_mobi
CSS before and after pseudo elements not working with jQuery Mobile
Hi all, Hoping you can help. I'm trying to apply box shadows to a list item using the :before and :after pseudo elements in CSS, however this isn't working for me. The styles are ignored. If I comment out the link to the jQuery mobile js, then the styles work fine. Using the latest version from code.jquery.com Not sure what the problem is :( Let me know if you need code, I know the CSS styles work.
Linking to external web page
I'm creating an app and need one of the links to direct to an external website (our online shop). Ideally I'd like it to open the page in the phone's default browser but can't seem to do that. I've managed to display the site within an iframe but the site is too big to view on a mobile device and I'm told it's not possible for the user to 'pinch' the page to zoom in or out. What would be my option to link users to the external page from the app? Thanks!
How to make juery menu in cyrillic
Hello, I bought an template and now I cannot change the font to Cyrillic one ? Could you help me?
Problem CSS in loop when I using $.getJSON from external website
Hello, I can't resolve this problem since 2 weeks... After the get JSON I retrieve the data from the webService but when I try to display it, the css of Jquery mobile CSS doesn't work IN THE LOOP. And after the loop its works. You can test this example, all is here. You will easily undertand the problem. <!DOCTYPE html> <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> <script src="http://code.jquery.com/jquery-migrate-1.1.1.min.js"></script> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.css"
Reusing a javascript app in jquery mobile?
Hi, A client of mine wants a mobile version of his site and I wanted to use jquery mobile. Eveything is pretty simple except he's got "live" prices of various gold coins on his home page and he want that to be on the mobile site too. I hired a freelancer to do the coding. It uses an external javascript file to pull the prices from various locations. Can I add this to a page on the mobile site? Right now I just have the table that would contain the prices, but they're not displaying in my test version
Simple Jquery Mobile Pass Query String
Hello, Below is my code, to pass the query string to second page to load particular category but its' not happening in jquery mobile. Kindly advise me. @foreach (var item in datacountcat) { <li> <a href="@Href("~/listcategory?catID=")@item.categoryID" class="catid"> @item.categoryTitle<span class="ui-li-count" data-transition="turn">@item.totalcounts </span></a> </li> } </ul> Thanks
How to disable the Dropdown?
Hi,I am using JqueryMobile-1.3.0 and cordova-2.1.0 for iOS app.I want to disable the dropdown dynamically how to do that?I am doing like this $('#assignedToDropDown').attr('disabled', true); Using this it will become disable but it will look like active element means disable element css is not getting applied on this.
Why my own css does not work on first load?
Hi, I newly meet with jquery mobile and developed a web site http://www.nurrisalem.com In this web site I have a problem with css When I use css inside the any tag with style="" attribute there is no problem but When I use css inside the style tag css properties does not work on first load but When I refresh the page it works fine What might be the solution?
How to use fixed panel with multipage layout with slide transition?
Hi, I want to use fixed panel which will have navigation. On navigation click the new content will load in content section and on touch device the content should load on slide transition. But between this the panel should not close.
How to use $.mobile.loadPage
Hi guys, I would really appreciate any help you can give me here. I have touch swipe working within a multi page template but I can't get it to work with external pages. I have one page - page1.html (please see below) <!DOCTYPE html > <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0b2/jquery.mobile-1.0b2.min.css" /> <script src="http://code.jquery.com/jquery-1.6.2.min.js"></script> <script src="http://code.jquery.com/mobile/1.0b2/jquery.mobile-1.0b2.min.js"></script>
jQuery Mobile - Pop up not opening in the second page
Hello, I have Masterpage.cshtml page which consists of 3 scripts under head section <link rel="stylesheet" href="@Href("~/css/jquery.mobile-1.3.0.min.css")" /> <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> <script type="text/javascript" src="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.js"></script> The content rendering in the main page popup works perfectly, but once go the inner page the popup not triggering. Kindly help with this. Thanks
Swipe Content
Hello the community ! In a first time i hope my question doesn't exist already, i don't found it. And all my apologize if i doing some mistake... I'm french and not perfect in english.. I developing a Mobile version of a website and i want put in place a Swipe event for the content. I don't what swipe all the page but only the content. I show you my page example. <body> <!-- **********************PAGE ONE************************ --> <div id="page1" data-role="page" data-theme="a" > <div data-role="header"
newbie: how do I use the demos?
I search through the jquery mobile demos, find one I'd like to try, use chrome save page to capture the files. When I load the top file of the saved page all the content is there but the formatting is not. What is the correct way to download a demo with all its associated files?
Fixed Header sometimes setting incorrect values for the page Div's min-height and Top Padding
Header with data-position="fixed" sometimes causing incorrect values for the its div[data-role="page"] parent min-height and Top Padding. When autoInitialize is taking care of things and initializing the pages (where it just renders the first page in the html) it is drawing the content under the header. Navigating with hashes in any way(Even showing a popup menu) makes it render correct, so it appears something is missing during autoInitialize to set those properly.
Why did "fade" replace "slide" as default transition?
Why did "fade" replace "slide" as the default transition? Curious if it was due to some important UX discovery or something. Thanks.
[SOLVED] Where does onclick function trigger go in flip switch?
http://jsbin.com/iboruh/3/edit why does this simple function not work? could it be because of the placement of the onclick? i found it the most logical. is there any reference stating where onclick should go in case of a flip switch? I have been to http://jquerymobile.com/demos/1.2.0/docs/forms/switch/events.html but onclick is not mentioned. ____________________________________ Answer: http://jsbin.com/iboruh/9/edit
Few questions from a very newbie in jQuery
Dear people, I'm a Webdesigner from Buenos Aires, Argentina. Currently I use HTML5 for customer websites but I want to enter in mobile design. I downloaded the jQuery version 1.3.0 final and I started some simple designs trying to make a simple page not only for smartphones and tablets, but for desktop navigators too. After many tests, I started used (additionally) the CSS used for jquery.mobile-1.3.0/demos/index.html page, because it CSS have many classes ready to use. After several hours of trying,
Responsive Panel // force panel to stay open on wider screens
Hi, I wanted the panel to stay open on wider screens, e.g. the panel opens when user puts the device in landscape mode. First I had a JS solution but wanted to solve this issue only with css. So I added the following css classes to the media query of the responsive panel: .ui-panel-closed { width: 17em; } .ui-panel-content-wrap.ui-body-c.ui-panel-animate.ui-panel-content-wrap-closed{ margin-left:17em; } For some more information on my solution, see my post on Stackoverflow Since I searched a lot
Jquery Mobile Simple ul li style problem
Hello, Below is my code, LoadPage.Mobile.cshtml var data = ""; foreach(var row in rows){ data += "<li style='padding: 4%;'><a>"+ @Posting.ShowTotalCounts(row.postingID.ToString())+"</a>"+ "</li>"; } Response.ContentType = "application/json"; Json.Write(data, Response.Output); } So, I retrieve my data using JSON <div data-role="content"> <ul data-role="listview" id="resultscroll" data-theme="e"> <JSON DATA WILL BE RENDERED HERE> </ul> </div> Here is my outptu, So basically I need
Video Black screen
Dears Am using jquery mobile 1.2.0 i have a page which plays a video and its ok but once i call it using a button role <a data-role="button" data-theme="b" href="test.html" class="PortrraitCase"> the video gets black screen only sound working :( when i get the video to fulll screen mode the video is displayed this happens on my galaxy s3 updated to gelly beans 4.1.2 (Internet) browser this problem doesn't happen on chrome browser anyone have any idea????
autoInitializePage = false only works for first page
I'm not sure if this is expected behavior or not, but it appears using jq1.9.1 and jqm1.3 that setting autoInitializePage = false only keeps the first page from auto-initializing, the rest of them fire off everything fine. My code: $( document ).bind( "mobileinit", function() { $.mobile.allowCrossDomainPages = true; $.support.cors = true; $.mobile.pushStateEnabled = false; $.mobile.autoInitializePage = false; // disable showing the page until we say so }); The initial page
JQM Breaks Javascript after a page loads
When you switch pages in jQuery ( in sample using a tab navigation as seen in my JS file below ), it breaks the javascript code, and therefore nothing will work afterwards. http://s11149.gridserver.com/untitled.js Sorry ! The sample is here : http://64.207.178.146:9292/ I got it working OK in the browser now. But on the phone it still sux pretty bad. You can test by clicking on a user : then on a "following" : then on another user :
Window .scroll not working in mobile
Hi, The below script is not working in the mobile. <script type="text/javascript"> $(window).scroll( function() { if($(window).scrollTop() == $(document).height() - $(window).height()) { alert("it works"); } }); </script>Please advise me. Really urgent project. Thanks
Declaring CSS and JS
Is this a proper way to declare my CSS and JS? Am I missing something? <link rel="stylesheet" href="_jquery/jquery.mobile.theme-1.2.0.min.css"> <link rel="stylesheet" href="_jquery/jquery.mobile.structure-1.2.0.min.css"> <link rel="stylesheet" href="_jquery/jquery.mobile-1.2.0.min.css"> <link rel="stylesheet" href="_css/main.css"> <script src="_jquery/jquery-1.8.2.min.js"></script> <script src="_jquery/jquery.mobile-1.2.0.min.js"></script> <script src="_jquery/cordova-2.2.0.js"></script> Thanks.
jQuery Mobile form submission issue
I have a fully working piece of PHP, HTML code but when I place it into my website that is styled using jQuery Mobile the submit button will not display the query. Does anybody know how to fix this or even why it is happening? <html> <html lang="en"> <head> <meta charset="utf-8" /> <title>The School of Computing and Mathematics</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="themes/project1.css" /> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.0/jquery.mobile.structure-1.3.0.min.css"
Jquery scripts with jquery mobile transition
I have a site with multiple pages. I use jquery mobile for the page transition between pages. The transitions are working fine but the jquery scripts that I use on that linked page like masonry and royalslider don't work anymore when the second page is loaded. I Know I have to use a pageinit Instead of $(document).ready(). When I use "$(document).live('pageshow',function(event) {alert("test");}); The alert will work on the second page. But when I put the code for calling the scripts(masonry and royalslider)
PhoneGap Native DateTime picker?
Hi, I'm using PhoneGap and jQuery Mobile. I can't get my galaxy s2 phone or nexus 7 tablet to open the native datetime picker on a <input type="datetime"/> yet in the jQuery Mobile docs, where they show how jQuery Mobile styles a Datetime element, the devices native datetime picker appears. Is this because the browser has implemented functionality beyond the Cordova PhoneGap wrapper? Or have jQuery Mobile done something clever to make this input element type work? Many thanks.
How to close browser app using jquery mobile
Hi I'm using Html5 and jquery mobile to develop and i wanted to have close button on header area which closes entire browser app.Could someone suggest a solution. Quick response highly appreciated. Thanks, Aparna Unny
Issue : Table Reflow
If we have used classes to seprate table headers then in case of reflow the Table Header and Table Data Value does not have any difference in them. If the classes of Header Value and Data value can also be maintend while reflow then it will enrich user experience.
page not loading
Hello, I tried to load a simple local text file <script> $.get("text.txt") </script>and an external web page on my local computer (new Chrome Version 25.0.1364.172 m /JQuery jquery.mobile-1.2.0.), but nothing happend. Everything else worked as expected. Whats wrong? <script> $.mobile.loadPage("http://www.mondkalender-online.de/heute.asp") </script> <script> $.mobile.loadPage("m-heute.htm") </script>Thanx
Using Non existing Attributes HTML in JQM?
Hi, I am using html attributes that don't exist to set some data and read data, something like this. <a href="#" class="myProjects" GoTo="myProjects" proj_nr="0000000000" data-role="button" data-theme="b">Projects</a> <a href="#" class="myProjects" GoTo="DeletemyProjects" proj_nr="0000000011" data-role="button" data-theme="b">Delete Project</a> $(function($) { $(document).delegate(".myProjects", "click", function(){ var GoTo = $(this).attr("GoTo"); var proj_nr = $(this).attr("proj_nr");
How to close dialog after popup?
Just found, that if i use popups in page loaded via dialog i can't close it after popup is called. How to fix this problem? jQuery('#popup-message').text(result.message).popup('open'); setTimeout(function(){ jQuery('#popup-error').popup('close'); jQuery('#popup-message').popup('close'); jQuery('#dialog').dialog('close'); }, 2000);
Code from codiqa
Hi, I have a few pages designed using codiqa for a mobile app. It looks perfect on Codiqa with all the CSS attributes. When I just load the code and inserted typical jquery library, etc. the form gets displayed. But, the layout is completely different. For instance, I had defined CSS attributes for custom label length, font, and custom input area length, etc and above all, both are displayed on one line ( for example - Label for input: Input area ) in codiqa. When I just loaded the code and
Next Page