I am using the jquery PopUp control as a login box. The trouble is that it displays both fields in the URL querystring after the submit button is clicked (to clarify: the popup does this, not my login web method). Is there a way to prevent this?
When one of them is clicked, a click event handler closes the dialog:
$(document).on("vclick", "#saveEdit", function () {
LoginCookie(EditDoc, "Y");
$('.ui-dialog').dialog('close');
});
However, when this happens, a click event is also fired on anything that was "behind" the dialog, almost as if you are tapping "through" the dialog button, even though it still fires a click event on the button. Is there a way to prevent this behavior?
In JQM 1.2.0, when navigating to a new page, sometimes focus is automatically set on one of the elements (sometimes not even the first one). This also results in the page being scrolled down a bit. Is there a way to completely disable this behavior?
I'm using JQM 1.1.1, codiqa and AppMobi (similar to PhoneGap). I'm noticing some button delays/page load delays on iOS, and was wondering if the 300ms button delay is still an issue, or if there's something else I need to address. My app was partially made in codiqa. I have this set:
Basically the gradient cuts out and starts over or something to the right of my page. The two attached photos will show what I mean. The odd thing is, this only seems to happen on my iPad2, running iOS 5.1. Every desktop browser I try it on (Chrome, Safari, IE) does not have this issue.
I've played with viewport settings, css settings, and nothing seems to work.
The button hover theming appears to be broken in 1.1.0 RC1, unless "data-theme = "x"" is inserted into the actual button tag. Simply having the page themed no longer works. This can be demonstrated by going to http://jquerymobile.com/demos/1.1.0-rc.1/docs/buttons/buttons-themes.html. The top group of buttons will not change color on hover, while the bottom group will. This is due to the fact that the bottom group has data-theme = "a" in the tag, while the top group does not. In testing on my own code the results where the same.
My non-native, non-dialog select menus keep appearing in the middle of the screen regardless of where the buttons for them are. IS there any way around this, or a css property that can be changed? I'm using 1.0.1.
Has anyone else had any issues with a non-native select menu's change event not firing on Android version 3.2.1's stock browser? It works on Android 2.3, iOS, Chrome, mobile Firefox, IE etc, so I'm sure it's not my code. The particular tablet I was using was a Toshiba.
I'm calling the starting code for each page inside this function:
$("#defaultPage", $.mobile.activePage).live('pageinit', function () {
//insert code here
}
All of my pages have separate ID's. The strange thing is, before I put in $.mobile.activePage, when I went onto a page, then clicked the browser's back button, then clicked on a different link, the pageinit function on the page the link loads would be fired twice. Now, with $.mobile.activePage set in the same scenario, it does not fire at all.
Even if the back button is never clicked, and the link is just clicked on after the first page loads, with $.mobile.activePage set as a selector, it never fires unless the page is refreshed.
Is there a way to make the width of the select menu that pops up in a dialog match the width of the items in it? I was able to do this with the non-dialog select menu, in the CSS struct file, but I can't find where to do it to the dialog. Thank you.
I was able to set the standard select menu width to auto, so every item would fit in it just fine. However, when there are enough items in the select menu that it becomes a dialog, I cannot seem to get it to display as auto width. I have been editing the jquery.mobile.structure css file. Any help would be greatly appreciated.
Is there a way to completely hide buttons in JQM? Any method I have tried simply greys them out. I have tried putting a disabled option in the html tag, a hidden option in the html tag, as well as various JQ methods. And yes, I have been calling button("refresh").
I have an XML string stored in localStorage. I am retrieving the string as an XML, editing it, then attempting to put it back into a string. Is there ahny way to do this with jQuery other than the below method? I am getting "interface not supported) in IE9 with this method:
var xml = localStorage.getItem(top.name),
xmlDoc = $.parseXML(xml),
$xml = $(xmlDoc),
$lineID = $xml.find("strLineID:contains(" + ID + ")");
$lineID.parent().remove();
var t = $xml;
var str = (new XMLSerializer()).serializeToString(t);
I have one <select> box with data-native-menu="false" that populates with different data based on what radio button is clicked. When a choice is made, the next radio button in the series is automatically selected.
The problem is, when the number of items in the select box require that full screen context menu (like the "Choose State" menu at the bottom of this page: http://jquerymobile.com/demos/1.0/docs/forms/selects/), after a selection is made, the box populates with the data for the next button before fading out. Is there any way to prevent this?
I'm using jquery mobile, and I use javascript to add cells to a table. Now that jQuery mobile is being used, the javascript runs twice. Is there any way to prevent this?
I have an ASP.Net page with one update panel. I have set jQuery to $.mobile.ajaxEnabled = false;
I don't want it doing anything with my page other than rendering elements, etc. Unfortunately, the Javascript function that is run after the update panel completes is running twice (only with jQuery, without jquery it runs just fine). Anyone have any ideas why? Also, the button in the update panel loses its formatting after the update panel refreshes.
I have <input type=radio> buttons inside table <tr><td> tags. Unfortunately, jQuery Mobile does not seem to want to touch them. All the other elements on my page are formatted fine, just not those. Putting them inside a <ul><li> does not seem to be a viable option, due to the way my UI is configured. Is there any way to get jQuery to format them right?