How can I get the jquery ui sortable demo working in IE 10? It's working in Firefox and Chrome. In IE 10, it drags, but doesn't drop.
I tried:
forceHelperSize: true,
forcePlaceHolderSize: true,
helper: 'clone'
IE 10.0.9200.16384, Windows 8 Professional 64-bit, default document rendering mode of Browser Mode: IE10, Document Mode: Standards
Related
I have a simple form that is working just fine with Firefox 26 (latest version as of 12/26/2013) but when I run this form with Internet Explorer 11 I am not seeing the values from my two jQuery autocomplete controls being updated in my ViewModel. All other controls are working just fine. My autocomplete controls are of type but I have several other controls on the form that I have no issues with, just the autocomplete. Are there any known issues with jQuery autocomplete in a ... rendered in IE 11?
I have also tested this with the latest Google Chrome and I have the same issue as IE 11. This only works in Firefox :-( I have no idea why.
I had a similar issue when used IE, because IE cached my request so I did this:
$.ajax({
type: 'GET',
url: 'url',
cache: false,
success: function(response){
/* ... */
}
});
Hope this can help to you.
I have a strange task, I need two types of popup windows for my site,
the first one is a normal popup, for desktop version of site
and another one is for mobile version of site
the question is: is it possible to enable jquery.mobile once I show popup for mobile version
and disable jquery mobile once I close the popup ?
(For your information: I do not use an iframe for my popups)
I found strange way how to enable jquery.mobile once I need it
but in this case I can't disable jquery.mobile
$(document).bind("mobileinit", function(){
$.mobile.autoInitializePage = false;
});
setTimeout(function(){
$.mobile.initializePage();// run jquery.mobile in 15 seconds for example
},15000);
You could alter the CSS of jQuery Mobile to add a "flag" so it only applies to elements within a specific container.
Here is a sample jQuery Mobile CSS rule declaration (just the selector):
.ui-li-has-arrow .ui-btn-inner a.ui-link-inherit
If you change this to:
.my-custom-class .ui-li-has-arrow .ui-btn-inner a.ui-link-inherit
Then the CSS will only be applied to elements within an element with the my-custom-class class. This means that you can have a regularly styled page most of the time, but when you want to use jQuery Mobile styles you just have to show your dialog in a container with the my-custom-class (or whatever you want to name your class).
In webkit, jquery mobile is giving me issues.
I link to an internal page and when arriving upon that page, both '<div data-role="page">' elements have the ui-page-active class which makes both of them display. This is not the case with Firefox. Firefox correctly removes that class so that the first page's "page" is hidden.
I'm using jQuery 1.7.1,
jQuery Mobile 1.0,
jQuery default css theme,
Latest Safari, Chrome, Firefox versions.
It also does not work in the iPhone emulator.
Example:
http://chrispaul.ws/mobile.html
If you go directly to http://chrispaul.ws/weather.html or http://chrispaul.ws/deals.html then they display fine.
Try adding data-rel="external" attribute to the anchor tags. Worked for me.
I have source for Webapplication in one machine. Developed with VS2010.
On this machine (machine1) I have IE9 installed. Note that the machine1 does not have IIS installed.
I want to test the application and debug into the application with IE7 or IE8. The only way I can do this is by using some other machine (machine2) that has IE7 or IE8 installed. But when I launch the webapp from the VS2010 the webapp runs on ASP.NET Development Server.
I can only access the webapp from only machine1. How do I make the webapp accessible from machine2? I need this to debug into codebehind for IE7, IE8 and IE9.
Help is appreciated!
Thanks.
You can change IE 9 to work in compatibility mode, by pressing F12 key... there are two menus: Browser Mode and Document Mode that you can change to make IE 9 simulate the behavior of IE 8 and IE 7.
The server does not care about what version of IE you are running... unless you are reading information about wich browser did the request. In that case I think IE 9 compatibility mode is going to work just fine... I mean IE 9 can simulate the exact behavior of IE 8 and IE 7.
You could use the excellent IETester tool. This allows you to test your websites in IE9 through to IE5.5.
For some reason, JQuery mobile is not rendering in Internet Explorer 9 on my website - http://dev.eventhello.com/users/login. I tried it in compatibility mode and it still doesn't work.
Any ideas as to why it works in Firefox, Safari, and Chrome, but not in Internet Explorer?
You have Uncaught SyntaxError: Unexpected token } on line 33 of login page source. This results in javascript exception in IE which may stop the page from rendering.
Can you try adding empty string as initial source value:
$( "#EventCity" ).autocomplete({
source: "" });
The issue was that there was a bug with JQuery version 1.5 so I updated. More details can be seen at jQuery Templates not working in IE9 RC