photoswipe keep flicker for some reason
I have set up photoswipe for mobile device, it's working fine apart from the photos keep Flicker when swipe on the phone, but its working fine on computer. any idea how to fix please? cheers the example will be: http://www.photoswipe.com/latest/examples/04-jquery-mobile.html
Regression in 1.9.0 from 1.8.3 related to namespaced events
Hi, If en event gets triggered like this - `$.event.trigger('myEvent.mySpace');` then previously it was possible to listen to this event by binding, for example, `$(document).bind('myEvent.mySpace', ...)` and `$(document).bind('myEvent', ...)`. This fails after updating to jQuery 1.9 (or 2.0 beta), see this simple demo - http://jsfiddle.net/NnWNL/ - there are two alerts when using older versions and only one with the latest.
Facebook "like" button doesn't like this JQuery...
Hi everyone. Thanks in advance for you help. I'm very new to Javascript and JQuery but was able to find something online called "organic tabs" (http://css-tricks.com/organic-tabs/) and incorporate into the page I am working on, which is essentially a product gallery. You can see what I've done here: http://www.fat-hair.com/wildfire_products.html The trouble is, my client wants a facebook "like" button to appear on every product along with a pinterest "pin it" button. For some reason the JQuery is
[1.3.0-beta.1] linkBindingEnabled/hashListeningEnabled seem not to be working
If I understand correctly setting both linkBindingEnabled and hashListeningEnabled to false should prevent clicking links to actually navigate. This to use e.g. a framework like Backbone for routing. In 1.2.0 this works as expected but in 1.3.0-beta.1 not. See 2 simple fiddle's below: 1.2.0: http://jsfiddle.net/3rMSu/ 1.3.0-beta.1: http://jsfiddle.net/4gnkx/1/ Clicking on the list item in 1.3.0 navigates to other page which should be prevented. Cheers, Marcel
Creating a selectable populated form list
Hey jquery masters! I'm relatively new to jquery and a colleague of mine suggested I ask this question here. What I'm wondering is if I can use jquery to populate a select-able listing that a user can then choose from for a HTML form. My awesome overlords have decreed that I can only use HTML/CSS/JS for the site coding. I'm building a configurations portal website, and want to be able to allow for the user to choose from a list of users who have been locked out, and take those choices and submit
Superfish Alignment Issue in IE
You can see the site here: http://interactivitymarketing.com/dev/zerogeorge/ In Chrome the site superfish menu looks right. In IE the menu pushes the logo to the right and aligns on the left side of it. I can't figure out why it's doing that. Any Ideas?
can't get QapTcha working
i try to add QapTcha but i have a problem the slide goes ok but still lock and can't get button enabled what is wrong? this is a part of the file stdhead(); ?> <script type="text/javascript" src="jquery/jquery.js"></script> <script type="text/javascript" src="jquery/jquery-ui.js"></script> <script type="text/javascript" src="jquery/jquery.ui.touch.js"></script> <script type="text/javascript" src="jquery/QapTcha.jquery.js"></script> <script type="text/javascript" src="jquery/QapTcha.jquery.min.js"></script>
Transform Jquery-mobile App to an online Iphone App
Hello, I create a web application with Jquery-mobile. Now, I would like to crate an ONLINE Iphone Application using IBM Worklight. I succeed to builde an Iphone Application (offline) by inserting the html files of my Jquery-mobile App in the Iphone project using IBM Worklight. So, to builde an online app, I don't know where I should store my files (.html) and how do I acces to this files. Could you help me to transform my offline application to an online application. thank you Lotfi
How to get rid off page transition bottom scroll bar?
When use changePage, there is horizontal scroll bar shown in there. It is shown in Android and iOS Phonegap apps. How to get rid of this scroll bar? Thanks!
How to get page header (fixed page header) in pagebeforeshow event?
If the header is not fixed, in pagebeforeshow $('div[data-role=header]', $.mobile.activePage) could get to page header. When in fixed header, before transition happen, the header is not available in pagebeforeshow event. Looks like it is removed before real transition happens. How to get page header (fixed page header) in pagebeforeshow event? Thanks! Jerry
Carousel loading issue in Firefox, its working fine in all other Browsers
Hi jQuery Masters We are facing a serious issue that we are not sure about what is going over there. Please open http://paradise.zencreativegroup.com/ in Firefox , during the loading, try click on Next/Prev buttons on the carousel, it is not working. But After 5 seconds its working fine. You can find the Object Class here http://paradise.zencreativegroup.com/packages/theme_paradiserestored/themes/paradiserestored/js/slider.js Thanks in Advance. Manup
dialog at the bottom of page
I want to add a small panel to the right corner of my page , which can be maximized or minimized but cannot be closed.Attached is the image of what I need , is there any plugin to acheive this?
Flyout menu problem: seem to be target related
I'm fairly new to jQuery and and having problems getting a flyout menu to show "slowly: (400ms). I think the problem is the way I'm targeting the element, but I'm not sure. Here is the relevant page and the menu item is "Audition songs" in the "For cast and Crew" box/menu. The basic css seems to be working fine as the menu displays on hover. (If it matters, this is a custom page in a Wordpress site.) http://youthconnectionwilmette.org/seussical-info/ I put an alert in the document.ready function
test for background color
Below is a spinet of code that is suppose to change the background color if it is NOT red, but isn't working. Please comment! if( $("input#translate").css("background-color")!=rgb(255,0,0)){ $("input#translate").css("background-color","green"); }
change class attribute without ref to an element?
Is there to a way to change an attribute value of a class without an element reference? .someClass{ someAtributeValue} is there a way to change the attribute value of .someClass from: someAttributeValue to: thisAttributeValue with jquery? Im not sure I am asking this question properly. Please Comment.
jqueryUI Sortable tolerance:intersect bug - how do i fix it?
Is there a known workaround to make tolerance:intersect (default) behave as expected? Expected: element gets dragged over another element and overlaps the other element 50% or more, then sorting starts. thank you!
How to add a level into a superfish drop down menu
Hello could you tell me How to add a level into a superfish drop down menu? for this website http://judoclubkembs.fr thank you ALain
pinching on select menu button prevent me from expand in iOS 5.1.1 safari
After I pinch on select menu button, iOS safari go on to prevent me from expand by pinch on every page. After this issue began, I had to touch select menu button to open select menu, if so, I came back to be able to expand by pinch. I confirmed this isuue in this select menu button : http://jquerymobile.com/demos/1.2.0/docs/forms/selects/ Is there any means to avoid this issue? I don't want to touch select menu button, every time I pinch on select menu button. Thanks.
pinch on list make the background-color of the list become dark(only happen in Android 4.0.3 native browser)
When I pinch on list, the back ground-color of the list become dark. Only Android 4.0.3 native browser cause this strange issue. I confirmed this issue on "overview", "components", "API" list in : http://jquerymobile.com/demos/1.2.0/ Please teach me how not to change color when I pinch. Thanks.
$.getSJON() behaving differently in v1.9.0
Hi folks, I have a very simple script that is pulling data from a REST service and performing some knockout bindings with the results. All works fine with jQuery 1.8.3 However when I drop in v1.9.0, the callback function doesn't appear to be called when there is an empty dataset. $.getJSON(self.newURL, function(data) { if (data !== null && data.Employees.length > 0) { vm.Employees(data.Employees); vm.detailsClicked(true); vm.noEmployees(false);
Use jQuery after loading new data
I'm using infinite scroll, one that I wrote, to load new data on scroll. The data that loads is a list that I need to be able to recognize with a .hover event. --> $(".tagItem").hover(function () { ... } But the new data with the tagItem attribute are not recognized by the hover event. How can I have the new data be recognized by jQuery events??? This is my infinite scroll... it works just fine. After the new data is loaded, I am unable to use jQuery hover on it. function InfiniteScroll() {
How to implement Table sorting and Fixed Header in a table?
Hi, In our application requirement, we have to implement Sorting, Fixed Header and Fixed columns while Table scroll. Please suggest, if any plug-in's available in Jquery (or) Please provide some inputs how to implement in a Table. I have googled some examples, but I am not able to achieve my current requirement. If any examples available, please share it. Regards, Srinivas.
store xml node in sessionStorage
Hello, i read the data from xml document. I want to store the variable "area" into "javascript:sessionStorage...", to transfer the value to the next html site. But it doesn't work. I've heard that's important to serialize the xml data to string and unserialize the string to xml. I know json is the better format to read out and transfer data for jQuery Mobile, but I want to use the xml-format. Can someone help me to serialize the area node? Here is the javascript code: $("#page1").on('pageshow', function
jquery all the sudden won't work in my environment
Here is the situation. I know very little about jquery but I am using it for some little features in a program I didn't write but am maintaining. Our network team kindly updated my desktop with a newer java and they fixed some other things while they were on my box(they don't remember the exact list). The program ran from my development box before they worked on it now after fighting with it a bit I have it mostly working again. The only things that don't work are the jquery items like expanders
Problem with multidimensional response
/* I have an json query that returns: */ /* ?( [ { label: "Thomas", value: "Thomas", id: "34"}, { label: "Tiesto", value: "Tiesto", id: "12"}] ) */ /* I'm trying to get the response's "id" field value, but jquery always returns the label field value or an empty value. How do I to get this third? I want to get it and add it to a <span> who will have "id" field with the response's "id" value inside. */ $(function(){ //attach autocomplete $("#adicionaEventoAtracaoWarmup").autocomplete({ //define callback
Hover with "write less, do more"
Hello! I'm new to jQuery and i have something like this: $(document).ready(function() { $('#open').hover(function(){ $('#nav_ul').slideDown(300); },function(){ $('#nav_ul').hide(); }); });It all works fine but... The problem is that i have several #open and #nav_ul elements, and i don't want to write different CSS id's like "#open1" "#open2" etc. I'd like to do the thing with just one CSS id like on my code. Could anyone help me please? Regards
Replacing HTML content and images on button click
Hello, I have 3 main tables. One with a graphic, one with a text description for the image (header, paragraph, and links), and the third is a list of links. What I want to do is: Click a link, and without loading into an entirely new page, change the graphic and the corresponding text. there are 5 links each with its own graphic and text I need it to load. So far I've only managed to get the graphics to work by messing with an image replacement gallery script, changing the thumbnails to text links,
Pop under doesn't work in IE
Hey guys. I am a noob, but almost managed to get this work but it doesn't work in IE. Let me explain what I mean. I want to create a pop under that willl be triggered by clicking the video player. 1. I downloaded pop under js files 2. Created a test div (works both in FF and IE) 3. Inserted a video player in this div (Now works only in FF) Here's the link to my test page: http://www.richdadinvesting.com/test/pop/ How can I get this work in IE? Thanks.
Placeholder in
d ata-placeholder true | false - Can be set on option element of a non-native select <select id="s1" name="myname" data-placeholder="true"> <option selected placeholder="Username"></option > </select>Placeholder doesn't work :( How to make it work?
active class remains when clicked twice
Hi, I created a menu that sets a color when a button is clicked. The menu is constructed from an UL element. This is my jQuery code: $(document).ready(function () { $('a.highlight').each(function () { var text = $(this).text(); $(this).append('<span class="hover">'+text+'</span>'); var $span = $('> span.hover', this).css('opacity', 0); $(this).hover(function () { $span.stop().fadeTo(500,
Maintain scroll position after post back
Hi guys, I am working on a web project using Jquery mobile, and web forms. I am trying to maintain the scroll position after post back but it is not working on pages that have references to the jqm resources( js and css files). The page always returns to the top after post back. on regular web forms there is no problem. I have tried to set the scroll position using the maintainScrollPositionOnPostBack property of the page(did not work), and with a javascript function that uses window.ScrollTo(x,y)
iframe has horizontal scroll bar or not
hi, i have web page, in that one iframe is there , i loaded one external web page, i want to check weather the iframe has horizontal scroll bar or not need to check, can u please explain , how it will check using jquery.
jquery1.9.2and IE9
i have problem with jquery 1.9.2 and IE when i do sortable it works but not when i scroll !!! anyone have idea how to fix it? thank you so much :)
Jquery ui tab and cookies
Hi, i am using jquery cookie option to remember tab (and subtab) option after reloading of page and there is a problem in remembering subtabs if there are more then 15 (in my case). Then, after reload, cookie value is being 0. Can it be that cookie got over size limit? Shouldnt happen as only number of selected tab is remembered in cookie. I made example on jsFiddle to see problem: http://jsfiddle.net/DsJRx/4/
jQueryMobile: page change from horizontal to vertical
Hi, is it possible to tell a page which orientation it should have? I want to have a page on my device that sould be displayed "landscape" but the menu and every other page should be "portait". Thx everyone! Best Regards Chris
Web application - localstorage problem only on iphone
Hello, I am a french developer, and I have made a web application with html5, css3, jquery 1.8.3, jquerymobile 1.2.0 : I use theses functions to register and get infos from/to localstorage : function registerDataToLocalStorage(pmKey, pmValue) { removeDataFromLocalStorage(pmKey); localStorage.setItem(pmKey, JSON.stringify(pmValue)); } function removeDataFromLocalStorage(pmKey) { localStorage.removeItem(pmKey); } function getDataFromLocalStorage(pmKey) { return JSON.parse(localStorage.getItem(pmKey));
cycle2: How to change the side navigation button into next and previous thumbnail images?
Hi i am replacing the cycle plugin with the cycle2 plugin. But in the cycle 2 plugin there is only arrow buttons for the navigation. I need the next and previous thumbnail images instead of the buttons as like in the cycle plugin. I have tried with the carousal pager, but not able to get.. Any help? thanks in advance..
jquery ui dialog get gridview value
I have in asp.net a gridview with: <asp:gridview ...etc <columns> <HeaderTemplate>Questions</HeaderTemplate> <ItemTemplate> <asp:Label id="lblQuestion" runat="server" text='<%# Bind("Question") %>' ></asp:label> <asp:Label id="lblDefinition" runat="server" text='<%# Bind("Definition") %>' visible="false"></asp:label> <button id="opener">?</button> </ItemTemplate> </columns> </gridview> <script> // increase the default animation speed to exaggerate the effect $.fx.speeds._default
Load method
What is the best alternative for load method ij jquery ??
Google maps, Marker title, tap or hover
My google maps markers all have titles and I'm testing the "hover" functionality which on a desktop shows the title in a small info box. As JQM doesn't have a mouse to hover I've tried tapping the markers but nothing shows. Does JQM turn the tap event into a hover event or do I need to do that myself?
Next Page